Computing Reviews
Today's Issue Hot Topics Search Browse Recommended My Account Log In
Review Help
Designing with the mind in mind: simple guide to understanding user interface design guidelines (3rd ed.)
Johnson J., Morgan Kaufmann, Cambridge, MA, 2021. 290 pp.  Type: Book (978-0-128182-02-4)
Date Reviewed: Sep 27 2021

This thoroughly engaging book offers explicit advice for the construction of user interfaces without involving one specification, development platform, or line of code. This is the third edition, but this review offers no comparison as I have not read the first two. The author writes, “It took three editions and ten years, but it is finally the book I intended to write.” Indeed, the result is excellent.

The book offers a primer on cognitive psychology and neurophysiology, combined with a review of many rules and implementations related to user interfaces. The general theme is that, if you avoid the structure of the human mind, bad things happen on the screen. There are numerous examples of this from current operating systems, applications, and web pages, combined with providers’ improvements when they have gotten the message.

Not one of the 15 chapters is omissible. Because the author often refers to matters to be discussed later, I was apprehensive that the end of the book would be filled with the technicalities required to bridge a lot of loose ends. Not at all. In fact, the next to last chapter is devoted to the fascinating timing of mental processes. Here is an example I found novel. If you watch a stately drummer the length of a football field away, the sticks and the beats are not synchronized because of the slower speed of sound versus light. As you approach, the delay decreases, but at 100 feet, the delay disappears. Your brain fuses the two perceptions! The author saves the last chapter for human error, a fitting close from the creator of graphical user interface (GUI) and web “bloopers” books [1,2].

Speaking generally to the quality of the book, I find that the author writes in a manner that pauses to choose simple, more direct phrasing when discussing anything technical. It is not a tailored lexicon or artificially restricted discourse; it is an empathetic wish to join the reader in clarity. I once knew a family doctor who did that scrupulously whenever he talked about medicine. The author is the only other example I have encountered.

This work is highly recommended for designers and builders of user interfaces, and even more so for those who contribute to HCI guidelines, rules, models, and how-to knowledge. Software developers of all types will find helpful guidance and admonitions.

The book is solidly edited and attractively designed. The many color illustrations are especially helpful. And though there is a loss of quality in some illustrations that display a full screenshot or a low-contrast feature, short of coated paper and a coffee table format, we’ll need to live with it. The only mistake I found worth mentioning is the wrong thumb in Figure 2.3. Here are some comments and suggestions for further exploration:

  • Page 2, Figure 1.2: The reader may be interested in “digging deeper for the Dalmatian.” One resource is Barbara Nordhjem et al.’s article “Eyes on emergence: fast detection yet slow recognition of emerging images” (Journal of Vision July 2015, Vol. 15, 8).
  • Page 45, Figure 4.2: Try masking off the background gradient with stickies; then peeling one off produces an animated contrast effect.
  • Page 46, Figure 4.3: It is fun to make a mask with oval ports to lay over the checkerboard. The ovals appear identical till the mask is lifted.
  • Page 128, Figures 8.2 and 8.3: The Exploratorium demonstrates change blindness through a blink between two slides (a jump cut through black). When the blink is removed, the changes become obvious.
  • Page 168: The red/blue dot puzzle opens for further analysis. We should assume the raising of hands is an atomic event. From there the timing is crucial, but usually glossed over in presentations of this puzzle. No student is favored, and symmetry would require that all three announce red simultaneously or that no one solves the problem. You may wish to try the other three initial configurations.

More reviews about this item: Amazon

Reviewer:  Benjamin Wells Review #: CR147363
1) Johnson, J. Web bloopers: 60 common web design mistakes, and how to avoid them. Morgan Kaufmann, Burlington, MA, 2003.
2) Johnson, J. GUI bloopers 2.0: common user interface design don'ts and dos (2nd ed.). Morgan Kaufmann, Burlington, MA, 2007.
Bookmark and Share
  Editor Recommended
Featured Reviewer
User Interfaces (D.2.2 ... )
Would you recommend this review?
Other reviews under "User Interfaces": Date
Funology 2: from usability to enjoyment (2nd ed.)
Blythe M., Monk A.,  Springer International Publishing, New York, NY, 2018. 561 pp. Type: Book (978-3-319682-12-9)
Aug 30 2021
A systematic literature review on intelligent user interfaces: preliminary results
Gonçalves T., Kolski C., de Oliveira K., Travassos G., Grislin-Le Strugeon E.  IHM 2019 (Proceedings of the 31st Conference on l’Interaction Homme-Machine, Grenoble, France,  Dec 10-13, 2019) 1-8, 2019. Type: Proceedings
May 14 2020
Self-healing UI: mechanically and electrically self-healing materials for sensing and actuation interfaces
Narumi K., Qin F., Liu S., Cheng H., Gu J., Kawahara Y., Islam M., Yao L.  UIST 2019 (Proceedings of the 32nd Annual ACM Symposium on User Interface Software and Technology, New Orleans, LA,  Oct 20-23, 2019) 293-306, 2019. Type: Proceedings
Jan 23 2020

E-Mail This Printer-Friendly
Send Your Comments
Contact Us
Reproduction in whole or in part without permission is prohibited.   Copyright © 2000-2021 ThinkLoud, Inc.
Terms of Use
| Privacy Policy