UI design process: why we need it
UI design: what UI design is as design principles, Layout, Colors, Negative space and typography
The purpose of this workshop is to raise awareness of what user interface design is, and how it can be done in terms of its principles.
Insight in brief
- How does the UX process and the UI process looks like?
- What are the best tools for each?
- Where is the difference between UX, UI designer and UI front end developer?
Why the UI process is vital for the software development lifecycle
What are the benefits of this approach? The Stakeholders are in-sync with the future at all stages of the development lifecycle. They can be assured that the product communicates the brand values ??and that, visually, it supports business goals.
For the UI designers, it is much easier to validate their assumptions based on user testing, gathering feedback, identifying errors when it’s most expensive and time effective to fix, documenting different design solutions and variations.
The UI design process output is …
UI design tools
Preferred UI design tools are: Photoshop , Fireworks , Sketch and … so I’ve been told, Illustrator.
Sketch is very popular due to its rich features (symbols – great to think in terms of patterns and widgets, artboards, mirroring and many more), at a modest price – £ 99 – as well as being fast and light.
For converting the designs into high fidelity prototypes, you can use Flinto , InVision , Origami (a brand new tool from Facebook), Adobe Experience, and for more complex prototypes, Axure .
Jack of all trades
There is a lot of confusion about what a UI designer is and what they do, what is the difference between a UX designer, a UI designer and a UI developer / front-end developer.
From a UI designer’s perspective, the focus should be on designing user interfaces only, but in reality lots of UI designers write at least HTML and CSS code (knowing JS properly, is a full time job nowadays – interesting article), and are involved to some extent in UX work … All All All which is a good thing Actually.
UI designers are UXers by default – “UX / UI designer” looks smart, doesn’t it? But when it comes to their UX skills, they are often non-existent: “User testing? Never heard of it!”
But apart from that, those extra skills are nice to have. The diagram below illustrates this well:
We all know how to make the most of the work of the artist. In an ideal world, wouldn’t it be better to focus and hone your skillset to return more indepth and insightful results?