From Spreadsheets to Websites

Did you know, according to the Cisco Annual Cybersecurity Report, Microsoft Office formats (.xls, .doc, .ppt) represent 38% of malicious file extensions in email? (1) And don’t think zipping your spreadsheet file will make it any more secure because Archive files (.zip, .jar, .rar) came in at 37%.

Wait. What?!
(more…)

The Best Interface is an Enchanted Object

Weasley's Clock

A few weeks ago, I posted a review of the recent book on building connected products from O’Reilly. I also have a few more books on the shelf here that touch on this area from a slightly different angle.

The Best Interface Is No Interface

nointerface

I became aware of Golden Krishna, the author of this book when I attended his panel criticizing the use of dropdowns at SXSW 2016. The content in this book predates that panel by a few years, originally presented as a keynote at SXSW 2013.

The basic thesis of the book is that it’s variously easy, lazy, and sloppy to always try to address the problems we’re solving through technology by slapping a screen-based interface on top of things. Early in the book he gives the example of a keyless entry system advertised by BMW, that requires the following 13 steps to occur between a user walking up to her car and actually opening the door:

  1. Walk up to my car
  2. Pull out my smartphone
  3. Wake up my phone
  4. Unlock my phone
  5. Exit my last opened app
  6. Exit my last opened group
  7. Swipe through a sea of icons, searching for the app
  8. Tap the app icon
  9. Wait for the app to load and try to find the unlock action
  10. Make a guess with the menu and tap “Control”
  11. Tap the Unlock button
  12. Slide the slider to unlock
  13. Physically open the car door (my goal)

Compare that with the obviously better sequence

  1. Walk up to my car
  2. Physically open the car door (my goal)

…which is how things behave on recent Tesla models (with the added coolness of the door handles changing from being completely recessed into the body until someone tries to open them).

The book’s 21 chapters thoroughly outline the problem, three general principles to follow in addressing the problem (“Embrace Typical Processes Instead of Screens”, “Leverage Computers Instead of Serving Them”, and “Adapt to Individuals”), and some of the challenges that make this approach to design not quite so easy.

Enchanted Objects

Mining a similar vein is David Rose’s 2014 book Enchanted Objects:

enchantedobjects

Some believe the future will look like more of the same—more smartphones, tablets, screens embedded in every conceivable surface. David Rose has a different vision: technology that atomizes, combining itself with the objects that make up the very fabric of daily living. The Enchanted Objects of fairy tales and science fiction will enter real life.

The opening paragraph of the book’s prologue could almost have been extracted from somewhere in ‘The Best Interface is No Interface’:

I have a recurring nightmare. It is years into the future. All the wonderful everyday objects we once treasured have disappeared, gobbled up by an unstoppable interface: a slim slab of black glass … its face filled with tiny, inscrutible icons that now define and control our lives.

These two books work together as great complements; however, Rose’s focus on building Enchanted objects alters the tone of things quite a bit. Recurring themes and references take that idea of Enchantment quite literally, as he looks at fictional magical artifacts from the Harry Potter universe.

Besides many case studies of examples that illustrate his premises, he provides a pair of frameworks for thinking about systems that can be used as a designer of enchanted objects:

Six Human Drives

In these chapters, Rose develops dialectics between fictional enchanted objects (e.g., Dorothy’s Silver/Ruby slippers) and an analogous real one (in this case, the Nike+ shoes). He delineates six human drives that can be augmented or addressed through enchanted objects:

  1. Omniscience
  2. Telepathy
  3. Safekeeping
  4. Immortality
  5. Teleportation
  6. Expression

The Design of Enchantment

This set of chapters discusses opportunities and techniques for engaging more of our users’ senses through system design, rather than requiring the user to focus on a glass slab. He calls for a careful use of ‘subtle and subliminal phenomena’. He calls these out as the ‘Seven Abilities of Enchantment’:

  1. Glanceability
  2. Gestureability
  3. Affordability
  4. Wearability
  5. Indestructability
  6. Usability
  7. Loveability

Optimism and Humanism

Especially when considered as a pair, even though there’s much in these books that’s deeply and sometimes harshly critical of products that have been widely lauded, I see these books as extremely optimisitic visions of the future than not only should be, but that actually can be.

I’m not sure which will prove to be more difficult in practice:

  • Learning to put these kinds of approaches and principles into practice when desiging systems
  • Convincing the stakeholders on our projects that we can use these ideas to build better systems that adapt to their human users instead of continuing to require the opposite.

One could say that the ideas behind these ideas go back a long time, popping up in books like Donald Norman’s classic “The Design of Everyday Things”, “User Centered System Design”, or Jef Raskin’s “The Humane Interface,” but those were all written in an era when the idea of tiny battery-powered computing devices that are orders of magnitude more powerful than desktop/workstation machines of the era was still purely speculative.

The future is finally getting here, let’s try not to mess this part of it up.

Designing Connected Products

A Book Review & Call to Arms

We’re pretty clearly on the cusp of an era where much of what we know about building software systems is wrong. As devices become smarter and networked (or dumber and networked, which may end up being equally important or more important in the long run), as people who design and develop the software systems that monitor, control, or otherwise interact with these new kinds of devices, we all need to acquire different sets of skills that are currently rare, and apply our old habits and knowledge in different ways than we’re used to. (more…)

App Review: InVision

Gears

Illustration by Daisey.

Design is not only how it looks,
but also how it works.

Wireframing is key to a successful user interface design.

Wireframes are like blueprints, the foundation on which you plan to build your project. Not only do you get a chance to flesh out the overall structure of the application, but you also find commonalities and differences among key areas that can help spawn new ideas during the process.  (more…)

Should Developers Design?

Two recent articles on Hacker News hit close to home for me. The first post linked to a goal-tracking app for iOS that received many positive comments for its very clean and intuitive user interface. The second post was a link to a blog post titled Don’t look for a UX guy, be a UX guy.

I also have a goal-tracking app for iOS, one that uses default iOS controls, basic fonts/color schemes and focuses on function over form. Guess which one I’m now using on my iPod?

UI/UX is hard to get right and seems mystical to us non-designers. My first instinct is to get code working and tack on the UI so it conforms to the implementation decisions I’ve made. But if empathy for users is the goal, this process is exactly backwards.

I certainly want to improve in this area, but the left side of my brain just doesn’t want to concede any ground to the right side. Why spend time learning design skills when I can learn a new programming language or new web framework?

One resource I have found helpful is Bootstrap from Twitter. Bootstrap provides a basic layout template along with several styled controls/icons to use for web development.

Also, at one time or another, I’ve seen the following books recommended for learning UI/UX:

Alas, these books still sit in my Amazon wish list unread. I really do want to get to them but first I need to finish that book on Erlang, continue experimenting with Backbone.js and …

Maybe I’ll just leave design to the experts.

(image by vaxzine)