course notes 2018/19

interface design illustration

interface design

Feb 6th 2019

How do you design an interface which is not only easy to use, works well across all screens and is aesthetically appealing as well?

key unlocking lock
‘how keys work’ via tweet from @Cennydd

Like a key to open a lock, your UI needs to give access to the content without bothering the user with the complexities which might lie beneath :) The commonly uttered phrase “good design is invisible” applies perfectly to the design of interfaces. For example, if no one notices your site menu and happily browses the site, you have achieved your goal of a user-friendly and accessible navigation.

Before you fall into the usual pattern of doing what’s popular – it will serve you well to consider all aspects of the interface to be designed, for starters:

  • who will be using it? – your target group
  • what is their motivation and goal? – user journey
  • how will they be accessing it? – device / connection / app

form still follows function

case studies mentioned:

Forms to delight

Forms are part of most websites and deserve the same attention to
detail. Let’s focus on a very simple scenario, a password-protected
page, and see what ideas you can come up with :)

Your task is to design a login form. It asks for a password, offers a password-reminder function and error messages as fitting.

Brainstorm a few ideas for label and input layout. Remember to plan for the error messages and additional elements, such as confirmation.

Train your eye for detail!


Comments are closed.