FOR CURIOUS MINDS [with  from Julianna Sudi]_____

UI design guideline

A PRACTICAL GUIDE FOR ENGAGING PRODUCT DESIGN_____

This 6-step design guideline was made to help creating engaging interface and to manage a large scale product design project. The sessions are focused on recognising and applying the principles during the UI design process, and discussing the most frequent cases you might meet when crafting a product interface intended to engage users.

UI Design Process - Practical Design Guideline Preview

INTRODUCTION_____

For the practices, we'll be using a poorly designed sample UI (a visually still good looking one, to make it clear that engagement is not in the overall visual but in the detailed element design). I'll explain what is wrong with the discussed elements and correct the design. The UI design principles applied along the way come from the field of behavioral psychology and material design (referral links provided in the transcripts), intentionally avoiding industry-specific alterations.

By the end of 6th session, there will be clarity around how to engineer an interface that communicates the functions clearly and navigates the users intuitively.

6 design sessions
Visual examples
Reference links
Audio transcript

MATERIAL_____

I’ve made the sample UI downloadable below, and encourage everyone to repeat the corrections using their own design decisions and develop their own design process.

I’ve made the sample UI downloadable below, and encourage readers to repeat the corrections using their own design decisions in order to practice systematic approach and develop their own design process.

~ 20 min. per session 

+ 90 min. recreating the sample UI with own decision making 

+ lifelong mastering of details 

SAMPLE UI (PSD)_____

Sample UI for the UI Design Process mini-class

COMPLETED PREVIEW (JPG)_____

UI Design Process Preview | The Elements and Principles of Design

CLASS HISTORY_____

As a design lead, I’ve been working on applications and web platforms, mentoring the design work for quite some time now. I’ve often made a note for myself along the way when I noticed certain areas causing difficulties. From this list, an interesting pattern emerged. The pattern showed me that the reason behind most of the confusion, both on the user’s side and on the designer’s side, is that the UI design principles weren't recognised and was offen misinterpreted during the interface design process.


I’ve created this UI design guideline to pull together the elements and principles of product design that are crucial to apply to create an engaging interface. Also, to describe how to manage a large-scale product design project without losing the coherence between the elements of the design system.

If you want to discover the whole spectrum of UI and UX design and master the mindset behind digital product creation, I can recommend with warm hart the classes of the Interaction Design Foundation. Take a look at their materials and if you made up your mind, go deeper into UI/UX design with 25% off.

idf-badge-horizontal-promo3

About me

I'm Julianna Sudi, senior Product Design Strategist. I've been in the field of design since 2011 and have worked with several tech startups in the UK and Europe. My view is that design is a conversation between the business and the visitors and it takes a lot of practice to hit the right language. That's what I'm trying to help in.  

awards-showcase-grey

Need help to visualize your product idea for investors, partners or user testing?

RAPID PRODUCT PROTOTYPING FOR STARTUPS (soon) →

portrait-wwm4c
Fontlogo-simple2

Contact me via hello@juliannasudi.com

All rights reserved © 2021 Julianna Sudi Design Strategist

 Home - Works - BiographyInvolvementsPublications - Learn UI Design