User interface design at generic.de

Designed for intuitive operation

Good design supports usability

It has been proven that visually appealing interfaces are perceived as easier to use, even when they are not. While such assessments are more subjective in nature, they still reveal an objective truth: good design supports the usability of your product.

Our path to a user-centered interface

Wireframes as a basis

Classic user interface design begins once we have validated an initial interaction concept using wireframes. The wireframes serve as a basis and show where elements will be installed and what information each screen will carry.

Visual Design

Visual design is about visualising in detail and bringing wireframes to life with your corporate identity. What primary, secondary and accent colours will be used? What do the icons and buttons look like? What fonts and styles will be used? Will the new product fit into your software environment?

Hi-fi Clickdummies

The results of interaction design and visual design come together in hi-fi click dummies. These look like your final product and visualise its functions. The big advantage: The user experience of your product can be tested realistically with these prototypes, without having to program the software behind them.

High-quality usability testing

The results of methodically conducted usability tests with hi-fi click dummies contain a high degree of truth about user behaviour. They therefore make a significant contribution to the process of optimising the user experience. And they provide the perfect basis for our developers to turn the design into code.

Usability in accordance with standards

Is it called “input field” or “mask”, “button” or “switch”?

We believe that working to defined standards makes it easier and more efficient to work with you and your staff. At the same time, standards help us to implement uniform and universally applicable ergonomics. This is why we work to the DIN EN ISO 9241 standard in our projects and follow the seven principles of dialogue:

  • Dialogue paths are task-appropriate
  • All texts, labels, messages, etc. are capable of self-description
  • Processes, dialogs, icons, etc. are in line with expectations
  • The interface follows an easy-to-learn principle and is therefore conducive to learning
  • Dialogue paths are easy to start, to influence - i.e. controllable
  • The system helps to avoid errors and offers correction options: it is fault-tolerant
  • Window settings, column arrangements, menus, etc. are customizable

User interface style guide

The user interface style guide ensures that the developed user interface design is consistently applied. If you already have a style guide, we will add the new product to it. The aim is to help our and future developers and designers so that their software solutions always look and feel the same.

Components of the style guide

  • User experience concept and goals
  • Structural structure
  • Appearance and layout
  • Ergonomic rules
  • Set of rules for the behavior of screen, navigation and UI elements
  • Standard interaction elements
  • Typography with regard to fonts, styles and sizes
  • color concept
  • Icons and graphic styles
  • Language, communication style and terminology
  • Key operation

The style guide as a single source of truth

As a living database, the style guide also makes life easier for developers. True to the single-source-of-truth concept, adjustments to interaction elements, colours, fonts, etc. are recorded in the style guide database, whose database is used by the application. Adjustments made once have a universal effect on the entire solution.

Step 1

Define a project now: What can we do for you?

Please make a selection to continue
Step 2

Which industry does your company operate in?

Please make a selection to continue
Step 3

What specifically is it about?

I need support in the following disciplines:

(multiple answers possible)
Please make a selection to continue
Step 4

What are you up to?

Please describe your project to us:

Please make a selection to continue
Step 5

How far are you with the project?

Please make a selection to continue
Step 6

Do you already have an idea of how to implement it?

Please make a selection to continue
Step Final

We are happy to take time for you!

Fill in the last information you need and we'll get back to you as soon as possible.

If you would like to know which data we process and how long we store it, you can find further information in our Privacy statement.
Your data is transmitted in encrypted form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.