Prototyping/Wireframes

When developing digital products, user experience designers (UX Designers) ask themselves again and again whether the operating logic is understandable, the arrangement of objects is comprehensible and the joy of use for the customer has also been ensured. These questions can best be clarified with user interface prototypes.

In the early development stage, the UX Designers first make low-fidelity prototypes. The focus here is on the functionality and structure of the user interfaces. This method can be used to outline initial drafts of the GUI or a feature, and they can then be used as a basis for discussion with software developers and decision makers.

Low fidelity prototypes are an integral part of the iterative development process. Not only do they bring conceptual ideas to life, but they also enable optimization concepts to be derived and fed back into the development process at an early stage. The “low-fidelity” category includes simple sketches (scribbles) and wireframes that are created by hand or with the help of tools such as Balsamiq. 

The outlined GUIs can be collected by grouping together flow chart diagrams. This gives the UX Designer and her team of experts an overview of the interactive system. Characteristic details of the menu logic, control flow or screen layouts become transparent, making a previously defined user story tangible for the first time. We elaborate flow chart diagrams either in paper form or by using tools such as Microsoft PowerPoint or Visio.

A flow chart diagram to visualize the menu process when users log on (en)

Scribbles and wireframes are often the basis for sophisticated and realistic high-fidelity prototypes. Ensuring a prototype reaches a high degree of maturity requires a number of consultations with customers, developers, decision makers, and users, in particular, to discuss the concept. Ideally, the latter are included in the development process from the very beginning to ensure the user requirements are fulfilled to the greatest extent possible.

High-fidelity prototypes are therefore the result of intensive development work. They have a strong resemblance to the final product and show functionality either completely or partially in the form of dedicated use cases. Creating high-fidelity prototypes is particularly suitable for demanding concept presentations, usability tests and customer clinics, as the interactive click dummies can be equipped with realistic graphics, corporate identity specifications, and even animations. We mainly use Axure, Photoshop, and After Effects in this area.

Home and login screen used as click dummy in Axure. Interactive high-fidelity prototype is excellent for presentations.
Home and login screen used as click dummy in Axure. Interactive high-fidelity prototype is excellent for presentations.
Contact person
Franziska Boehm
Franziska Böhm
Senior Director
+49 841-126 00-226