2010
More Than Pretty Pictures
Tool
Communication
Interaction
Aesthetics
2
Harrelson, SLIS 6000, 2010
In the Beginning…
Lack of compiled historical documentation
Everything we use has an interface
(Jørgensen, 2008)
3
Harrels...
History in Computing
1950s – Interface as hardware
1960s – Interface as software
1970s – Interface as terminal
1980s – Int...
By Any Other Name
User Interface Design
Graphical User Interface (GUI)
User Experience Design (UXD)
User Centered Design (...
Related Areas
Human Computer Interaction (HCI)
Information Architecture (IA)
Information Design
Interaction Design (IXD)
U...
Related Disciplines
Human Computer Interaction (HCI or CHI)
Cognitive Psychology / Behavioral Science
Human Factors / Ergo...
Web of Science
8
Laws, Models, Theories
Fitts’
Hick’s
Applied Semiotics
Direct Manipulation
(Fitts, 1954; Hick, 1952; Kaber, Riley, & Tan, ...
Fitts
Time (in msec) = a + b log2 (D/S+1)
(Raskin, 2000; Dix, Finlay, Abowd, & Beale, 2004)
10
Harrelson, SLIS 6000, 2010
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
Harre...
Applied Semiotics
What do these icons mean?
Why do they mean that?
(http://www.iconfinder.com)
12
Harrelson, SLIS 6000, 20...
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
Har...
Current Research
Usability
Accessibility
Semiotics
Cultural / Demographic Studies
14
Harrelson, SLIS 6000, 2010
Why Research?
Everything has an interface
Most interfaces can be made more:
Usable
Accessible
Save designers time in itera...
Potential Research Areas
Information Retrieval
Usability & Accessibility
Digital Divide
Cultural Studies
16
Harrelson, SLI...
A Glimpse of the Future?
(The Astonishing Tribe, 2010)
17
Harrelson, SLIS 6000, 2010
References
Dix, Finlay, Abowd, & Beale. (2004). Human computer-interaction (3rd ed.), [Online
Resources]. Retrieved from h...
References Continued
Raskin, J. (2000) The humane interface: New directions for designing interactive systems.
Read, MA: A...
Upcoming SlideShare
Loading in...5
×

Interface Design: A Quick Overview

254

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
254
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • History
  • http://www.universalusability.org/about/template.html
  • Laws, models, theories – cite them
  • Medical and law, disabilities, age
  • Why research
  • http://www.youtube.com/watch?v=g7_mOdi3O5E
  • Interface Design: A Quick Overview

    1. 1. 2010
    2. 2. More Than Pretty Pictures Tool Communication Interaction Aesthetics 2 Harrelson, SLIS 6000, 2010
    3. 3. In the Beginning… Lack of compiled historical documentation Everything we use has an interface (Jørgensen, 2008) 3 Harrelson, SLIS 6000, 2010
    4. 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. 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. 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. 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
    8. 8. Web of Science 8
    9. 9. Laws, Models, Theories Fitts’ Hick’s Applied Semiotics Direct Manipulation (Fitts, 1954; Hick, 1952; Kaber, Riley, & Tan, 2002, Rietz, 2010 ) 9 Harrelson, SLIS 6000, 2010
    10. 10. Fitts Time (in msec) = a + b log2 (D/S+1) (Raskin, 2000; Dix, Finlay, Abowd, & Beale, 2004) 10 Harrelson, SLIS 6000, 2010
    11. 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. 12. Applied Semiotics What do these icons mean? Why do they mean that? (http://www.iconfinder.com) 12 Harrelson, SLIS 6000, 2010
    13. 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)
    14. 14. Current Research Usability Accessibility Semiotics Cultural / Demographic Studies 14 Harrelson, SLIS 6000, 2010
    15. 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
    16. 16. Potential Research Areas Information Retrieval Usability & Accessibility Digital Divide Cultural Studies 16 Harrelson, SLIS 6000, 2010
    17. 17. A Glimpse of the Future? (The Astonishing Tribe, 2010) 17 Harrelson, SLIS 6000, 2010
    18. 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. 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×