A quick explanation of interface design. Briefly touches on Hick's, Fitts, Applied Semiotics, & Direct Manipulation.
Created for a PhD project. Ask for my notes if you're interested.Otherwise, the references are all at the end.
2. More Than Pretty Pictures
Tool
Communication
Interaction
Aesthetics
2
Harrelson, SLIS 6000, 2010
3. In the Beginning…
Lack of compiled historical documentation
Everything we use has an interface
(Jørgensen, 2008)
3
Harrelson, SLIS 6000, 2010
4. History in Computing
1950s – Interface as hardware
1960s – Interface as software
1970s – Interface as terminal
1980s – Interface as dialogue
1990s – Interface as work setting
2000s – Interface as interconnected
2010s – Interface as mobile
(Grudin, 1990)
4
Harrelson, SLIS 6000, 2010
5. By Any Other Name
User Interface Design
Graphical User Interface (GUI)
User Experience Design (UXD)
User Centered Design (UCD)
Window, Icon, Menu, Pointing Device (WIMP)
(Marcus, 1990; Rietz, 2010)
5
Harrelson, SLIS 6000, 2010
6. Related Areas
Human Computer Interaction (HCI)
Information Architecture (IA)
Information Design
Interaction Design (IXD)
Usability and Accessibility
Heuristics
(Marcus, 2005)
6
Harrelson, SLIS 6000, 2010
7. Related Disciplines
Human Computer Interaction (HCI or CHI)
Cognitive Psychology / Behavioral Science
Human Factors / Ergonomics
Design Anthropology
Computer Science
Information Technology
Graphic Design
7
Harrelson, SLIS 6000, 2010
10. Fitts
Time (in msec) = a + b log2 (D/S+1)
(Raskin, 2000; Dix, Finlay, Abowd, & Beale, 2004)
10
Harrelson, SLIS 6000, 2010
11. Time (in msec) = a + b log2 (n+1)
Hicks
Option 1 Option 2 Option 3
Option 1
Option 2
Option 3
Example 1 Example 2
11
Harrelson, SLIS 6000, 2010
(Raskin, 2000)
12. Applied Semiotics
What do these icons mean?
Why do they mean that?
(http://www.iconfinder.com)
12
Harrelson, SLIS 6000, 2010
13. Direct Manipulation
How did we get to this slide?
Can we go back?
How do we get to the next?
Why is this important?
13
Harrelson, SLIS 6000, 2010
(Kaber, Riley, & Tan, 2002)
15. Why Research?
Everything has an interface
Most interfaces can be made more:
Usable
Accessible
Save designers time in iterating and testing
Save user headaches in using
(Hollingsed & Novick, 2007)
15
Harrelson, SLIS 6000, 2010
17. A Glimpse of the Future?
(The Astonishing Tribe, 2010)
17
Harrelson, SLIS 6000, 2010
18. References
Dix, Finlay, Abowd, & Beale. (2004). Human computer-interaction (3rd ed.), [Online
Resources]. Retrieved from http://www.hcibook.com/e3/online/fitts-cybernetic/
Grudin, J. (1990). The computer reaches out: the historical continuity of interface design. In
J. Chew & J. Whiteside (Eds.), Proceeding of the SIGCHI conference on human factors in
computing systems: Empowering people (pp. 261-268).
Jørgensen, A. H. (2008). Taking stock of user interface history. In Proceedings of the 5th
Nordic conference on human-computer interaction: Building bridges (p. 479-482).
doi:10.1145/1463160.1463224
Kaber, D. B., Riley, J. M., & Tan, K. (2002). Improved usability of aviation automation
through direct manipulation and graphical user interface design. International Journal of
Aviation Psychology, 12(2), 153-178. doi:10.1207/S15327108IJAP1202_4
18
Harrelson, SLIS 6000, 2010
19. References Continued
Raskin, J. (2000) The humane interface: New directions for designing interactive systems.
Read, MA: Addison Wesley.
Reitz, J. M. (2010). Interface. In Online Dictionary for Library and Information Science.
Retrieved from http://lu.com/odlis/odlis_I.cfm#interface
Reitz, J. M. (2010). Graphical User Interface. In Online Dictionary for Library and
Information Science. Retrieved from http://lu.com/odlis/odlis_G.cfm#graphicaluser
Reitz, J. M. (2010). Semiotics. In Online Dictionary for Library and Information Science.
Retrieved from http://lu.com/odlis/odlis_G.cfm#semiotics
The Astonishing Tribe. (Producer). (2010). The future of screen technology: An open
access video. [Video]. Available from http://www.youtube.com/watch?v=g7_mOdi3O5E
19
Harrelson, SLIS 6000, 2010