thumbnail

Wireframing

auch:
%s
/
/
/
/
/
/
/
/
/
/
/
/
/
/

Visualization of design and function of an application in prototyping.

A wireframe is a very simple representation of user interfaces on digital devices (computers, tablets, smartphones or smartwatches), limited to functional aspects. Buttons, navigation icons, arrangements and displays are shown here to collect initial feedback on the ideas from test users.

The goal is to use these wireframes to determine functions and arrangements for further prototypes as quickly as possible. Mostly simple drawings on paper, Post-it or cardboard are used.

A wireframe is a schematic design that defines which elements are used in which places and how navigation between elements works on individual or different web pages or screens of an application. The process of creating a wireframe is called wireframing. Translated, wireframe means “wire framework” and originally comes from the term “tailor’s dummy”.

Wireframing is an important part of the software development process. It allows the designer to plan the layout and interaction with the interfaces without being distracted by colors, typeface or even texts.

Registered users will find a detailed description of how to use the method in a meeting or workshop context in the next section. Registration is free of charge.

In addition to this description, you will find complete instructions on how to use the method in a team meeting or workshop in the Innovation Wiki. All you need to do is register free of charge and you will have access to this and more than 700 other methods and tools.

Would you like free access to more than 700 methods for better workshops, innovation projects and sustainable meetings - tested and described by innovation professionals from all over the world?

Then you’ve come to the right place. Register once, free of charge, and off you go!