02.1user Interface Design
02.1user Interface Design
Teppo Räisänen
http://www.oamk.fi/~teraisan/
[email protected]
User Interface Design
The design of computers, appliances,
machines, mobile communication
devices, software applications and
websites with the focus on
User’s experience
Interaction
User Interface Design
The goal is to make user’s interaction
as simple and efficient as possible
In terms of accomplishing user goals
Also called user-centered design
User Interface Design
Good user interface design
Facilitates finishing the task at hand
without drawing unnecessary attention to
itself
Graphic/visual design is often utilized to
support usability
User Interface Design
The design process must balance
technical functionality and visual
elements
In order to create system that is not only
operational but also usable and adabtable
to changing user needs
User Interface Design
Interface design is involved in a wide
range of projects
Computer systems
Cars
Commercial planes etc
We will focus on software systems
Special emphasis on Websites
User Interface Design
There are several phases and processes
in the use interface design
Functionality requirements gathering
User analysis
Information architecture
Prototyping
Usability testing
Graphic interface design
User Interface Design
Functionality requirements gathering
Assembling a list of the functionality
required by the system
Requirerments are needed to accomplish
the goals of the project
Understand the needs of the users
User Interface Design
User analysis
Analysis of the potential users of the
system
Discussions with people who work with the
users and/or users themselves
What would the user want the system to do?
How would system fit in with the normal work?
How tecnically savvy is the user?
What interface look & feel is best for user?
User Interface Design
Information architecture
Development of the process and/or
information flow of the system, e.g.
Hiearchy of web pages in a site
Possible screens/options
User Interface Design
Prototyping
Development of wireframes, either in the
form of paper prototypes or simple
interactive screens
User Interface Design
Usability testing
Testing of the prototype on an actual user
using e.g. think aloud protocol
User Interface Design
Graphic interface design
Actual look & feel design of the final
graphical user interface (GUI)
Based on prototyping, usability testing,
communication with users
Style guides, heuristics