User%20Interface%20design

1
User Interface design

• Teppo Räisänen
• http//www.oamk.fi/teraisan/
• Teppo.raisanen_at_oamk.fi

2
User Interface Design

• The design of computers, appliances, machines,
  mobile communication devices, software
  applications and websites with the focus on
• Users experience
• Interaction

3
User Interface Design

• The goal is to make users interaction as simple
  and efficient as possible
• In terms of accomplishing user goals
• Also called user-centered design

4
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

5
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

6
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

7
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

8
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

9
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?

10
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

11
User Interface Design

• Prototyping
• Development of wireframes, either in the form of
  paper prototypes or simple interactive screens

12
User Interface Design

• Usability testing
• Testing of the prototype on an actual user using
  e.g. think aloud protocol

13
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