The design process in the RVA team consists of many steps in creating user interfaces for the company's clients. It's a journey from research and design to the final development of design layouts. Within each stage, there are many components, each of which is very important. But practice has shown that there is no single design process scheme, as it changes depending on the project and its requirements.
When there are tasks to create new interfaces, redesigns, add functionality or a feature, the work on Wirefamings or a low-detail UX prototype is never missing from our design process.
This article describes the process of creating UX prototypes or Wireframing using the Whimsical service.
Whimsical: essence, usage in design
Wireframing or low-detail UX prototypes are static gray UI layouts without a detailed visual UI. The Whimsical service is a great tool for brainstorming in your head, quickly showing the team and the client the interface structure, creating a general structure for navigating through elements and content, and working out ideas for future visuals.
There are many tools for wireframes and static prototyping but Whimsical.com appeals to the simplicity of the interface. You don't need to install it as a PC application, you can work directly from your browser as well as you can send the document to your colleagues and work with anyone who has access to the project. In addition, the service has a simple interface with the optimal set of features for fast work.
Whimsical app functionality allows you to create not only wireframes and prototypes but also to build Flowcharts, mindmap, and maintain documentation on the project. We have outlined detailed information below.
Whimsical functionality to create wireframes
- Set of interface elements. The service has a large selection of buttons, links, rectangles, checkboxes, radiobatons, text fields, tables. You can also add text and images with additional settings.
- Ready-made frames for all kinds of devices. Windows desktop, iPhone, Android, Tablet, Apple Watch.
- Connectors for easy navigation and flow guidance on product interface elements.
- Built-in functionality with a large set of icons.
- Stickers. Whimsical flow charts can also be added to the prototype document.
- Timer.
Creating prototypes of medium detail in Whimsical
Since the functionality of this service is quite broad and simple, you can use it to create Whimsical Wireframes (prototypes) of medium detail.
You can perform the following tasks:
- set the color for buttons and other elements with a small palette of colors;
- add icons and images, which practically does not influence the speed of work on
the prototype, but helps demonstrate it to the client.
It's important to understand that the information in the prototype is perceived much better than a demonstration in “50 shades of gray”.
Summary
The prototyping process is a very important stage of design creation, so you should never skip it or neglect it. It saves a lot of time in the future and in the final rendering of UI layouts. An easy-to-use Whimsical tool will make this process interesting, fast and productive.
If you still have any questions or would like to discuss your project in more detail, leave your contacts and RVA specialists will reach you.