User Experience – MFED 06

Dieter Rams sitting at his desk from the documentary "Rams"

As part of the final mini-courses, I’ve been going through the basics of design and, more specifically, web design with User Experience and User Interface. The main focus has been on three main subjects regarding the main rules of design to use when building web applications:

Sidenote: when researching Dieter Rams’ other work, I came across this humorous video of him “pointing at things he doesn’t like” at an exhibit

The focus so far has primarily been learning industry standards for prototyping and presenting UI (User Interface) feedback loops, and shipping design interfaces, creating personas (a fictional but as accurate as possible representation of your target user)

I have also been introduced to some basic Figma designing, including creating the ideal 12-8-4 design columns for creating responsive web design interfaces that can adapt across devices (12 – desktop, 8 – tablet, 4 – phone). (Read more.)

Along with that, common bad practices with the example given of form design, what makes good form design, and how the smallest detail (or lack there of) could even put off a conversion, with not providing enough feedback (see rule #9 of Jakob Nielson’s Usability Heuristics) optional fields not being shown as optional. And other common form mistakes.

With some examples given of how larger companies can unknowingly be losing money with forms being designed poorly and causing users to give up, or lose interest.


This is the sixth installment in my blog series covering (MFED) the Meta Front-End Development course available on Coursera.org

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *