Introduction

User interface guidelines

These guidelines are to be used as a UI reference by OpusCapita developers, interaction designers, visual designers and other relevant roles when creating web-based user interfaces. It is a tool for giving a consistent user experience for our products. It helps to ensure that the interactive elements are consistent: they look and behave the same way throughout the service and between the services.

OpusCapita uses an extended version of Twitter Bootstrap for web-based HTML5 user interfaces. OCUI is responsive, supporting large to small screens, even if not all implemented views take advantage of Bootstrap's responsive mechanics.

The purpose is to document what is already there, the parts of OpusCapita that are proven by practice to work. What is the web-based product style and what makes the UI look and feel like OpusCapita?

This guideline does not catalogue all the UI components in use in OpusCapita web-based products, but is intended a reference of reusable elements. We aim to make updates to this guideline as new common practices and design needs appear.

Please note that this guideline is to be followed with new products and for existing or rebranded products common sense and recommendations from the Brand -page should be used in whenever following of the guideline makes sense.

UX Design

User experience (UX)

UX includes all the experiences that users have every time they come across company’s products and also e.g. Company’s web pages. How these products work and how they work together affects the total UX. That is why it is important to have UI guidelines and best practices defined

Great usability

Usability is a quality measure for design. Usability may feel like a vague term, but at its heart, designers are simply asking “can someone easily use this?” Nielsen and Schneiderman explain usability as being made up of five principles:

  • Learnability: how easily can a new user learn to navigate the interface?
  • Efficiency: how quickly can users perform tasks?
  • Memorability: if a user hasn’t visited the system in a while, how well will they remember the interface?
  • Errors: how many errors do users make, and how quickly can they recover from errors?
  • Satisfaction: do users enjoy using the interface, and are they pleased with the results?

OpusCapita UX designers

We design and help to create appealing, easy to use and efficient OpusCapita products by understanding the users and their goals and co-operating with other teams throughout the product life cycle to achieve a great user experience. The UX Team wants to maintain a unified user experience throughout all OpusCapita services. Whenever you have user interface design needs or require customised versions of the elements, do not hesitate to contact the UX Team members.

What's new

Here is the list of latest changes:

  • Grid column selection and prioritization added to Data grid -page
  • Common dialogs for different use cases added to Design -page