1. User Interface design Teppo Räisänen http://www.oamk.fi/~teraisan/ Teppo.raisanen@oamk.fi

2. User Interface Design The design of computers, appliances, machines, mobile communication devices, software applications and websites with the focus on User’s experience Interaction

3. 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

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