Firm foundation in the main hci principles, the book provides a working

4.5 Summary
In this chapter, we have described the design process for interactive 
applications, focusing on modeling of the interaction and selection of 
the interface. The discussion started with a requirements analysis and 
its continued refinement through user research and application-task 
modeling. Then, we drew up a storyboard and carefully considered dif-
ferent options for particular interfaces by applying any relevant HCI 
principles, guidelines, and theories. The overall process was illustrated 
with a specific example design process for a simple application. It 
roughly followed the aforementioned process, but it did so (purpose-
fully) in a hurried and simplistic fashion, leaving much potential for 
later improvement. Nevertheless, this exercise emphasizes that the 
design process is going to be unavoidably iterative, because it is not usu-
ally possible to have the provisions for all usage possibilities. This is why 
an evaluation is another necessary step in a sound HCI design cycle, 
even if a significant effort is thought to have gone into the initial design 
and prototyping. In the next chapters, we first look at issues involved 
with taking the design into actual implementation. The implemented 
prototype (or final version) must then be evaluated in real situations for 
future continued iterative improvement, extension, and refinement.
Figure 4.26 Initial design wireframe for No Sheets 1.0 using a wire-framing tool. Left: Icons 
and GUI elements in the menu in the left can be dragged onto the right to design the interface layer. 
Right: Navigation among the design layers can be defined as well (indicated by the arrows).

---

8 2
H U M A N – C O M P U T E R I N T E R A C T I O N 
References
1. Nintendo. 2013. Wii. http://web.archive.org/web/20080212080618/
http://wii.nintendo.com/controller.jsp.
2. Freedman, Barak, Alexander Shpunt, Meir Machline, and Yoel Arieli. 
2010. Depth mapping using projected patterns. U.S. Patent 12/522,171. 
Filed Apr. 2, 2008, and issued May 13, 2010.
3. Microsoft. 2014. Kinect for XBox. http://www.xbox.com/en-us/kinect/.
4. Petzold, Charles. 2010. Programming Windows Phone 7: Microsoft XNA 
framework edition. Redmond, WA: Microsoft Press.
5. Freeman, Adam. 2012. Metro revealed: Building Windows 8 apps with 
HTML5 and JavaScript. New York: Apress Media.
6. Miller, George A. 1956. The magical number seven, plus or minus two: 
Some limits on our capacity for processing information. Psychological 
Review 63 (2): 81.
7. Van Dam, Andries. 1997. Post-WIMP user interfaces. Communications of 
the ACM 40 (2): 63–67.
8. Brown, Dan M. 2010. Communicating design: Developing web site docu-
mentation for design and planning. Berkeley, CA: New Riders.

---