All posts about
HCI

The study, planning, design and uses of the interfaces between people (users) and computers. (source: Wikipedia)

Engelbart’s Violin

And boy, what a symphonies did it bring us.

“In the mind of today’s technological entrepreneur, the ideal user (and employee) is semi-skilled – or unskilled entirely. The ideal user interface for such a person never rewards learning or experience when doing so would come at the cost of immediate accessibility to the neophyte. This design philosophy is a mistake – a catastrophic, civilization-level mistake. There is a place in the world for the violin as well as the kazoo. Modern computer engineering is kazoo-only, and keyboards are only the most banal example of this fact. Far more serious – though less obvious – problems of this kind tie our hands and wastefully burn our ‘brain cycles’. Professional equipment, whose mastery requires dedication and mental flexibility, may not be appropriate for casual users. But surely it is appropriate – in fact, necessary – for professionals? Just why is this idea confined to crackpots shouting in the wilderness? I hope to learn a definitive answer to this conundrum some day.”

(Stanislav Datskovskiy ~ Loper OS)

Augmented Paper

There’s some real magic in all these apps.

“Design an experience. Make it as beautiful – and as emotionally resonant – as it can possibly be. Then adorn the core experience and content with only as much functionality as is absolutely necessary. Functionality – and software-based thinking in general – is like seasoning. A little is an enhancement; any more destroys the flavour, subsumes the artistry of the chef, and may well be bad for you. These new classes of devices, so immediately personal and portable and tactile, aren’t desktop-era shrines demanding incantation and prostration. They’re empowering extensions to our real, actual lives – and that’s a profound thing. They take what was once prosaic or mundane, and give us just a taste of superpowers. They’re augmentations, and they should be beautiful.”

(Matt Gemmell a.k.a. @mattgemmell)

Critical Dialogue: Interaction, Experience and Cultural Theory

Some real gems in this one.

“Over the last decade there has been a significant growth in interest in aspects of people’s experience with technologies under headings such as user experience, aesthetics, affect, fun, reflection, and enjoyment. In more recent years critical theory has begun to make a small but important impact at CHI conferences and other HCI publications. It is arguable that a relationship between critical theory and experience would benefit HCI research and practice as it has benefited other areas of research in the humanities and social sciences. However, in the history of ideas experience and critical theory have not always made good bedfellows, sometimes complementing each other, sometimes resisting each other. This workshop will explore the ways in which HCI might benefit from a constructive dialogue between critical theory and experience in questions of design and evaluation.”

(Workshop on April 10 2010, in association with ACM CHI 2010 in Atlanta, Georgia USA)

Designing for touch

Mobile Touch, the new design space with many new constraints, materials and possibilities.

“Great mobile designs do more than shoehorn themselves into tiny screens: they make way for fingers and thumbs, accommodating the wayward taps of our clumsy digits. The physicality of handheld interfaces take designers beyond the conventions of visual and information design‚ and into the territory of industrial design. With touchscreens there are real ergonomics at stake. It’s not just how your pixels look, but how they feel in the hand.”

(Josh Clark a.k.a. @globalmoxie ~ .net magazine) courtesy of puttingpeoplefirst

The Key To A Unified Brand: A Consistent UI

Marketing, brands and business discovering HCI rapidly. A little late, but still…

“The end user doesn’t care how your company is structured. Customers view brands as a unified entity, and they expect that brand’s value to be delivered across all channels with an equal degree of integrity. The good news is that the digital landscape is forcing all of us to re-think how we work. The bad news is that we’re trying to crawl out of a work style that was better designed for Ford’s assembly line than for digital ecosystem consistency.”

(Peyton Lindley ~ Fast Company Co.Design)

TapSense: Enhancing Finger Interaction on Touch Surfaces

A completely new HCI paradigm sets in.

“At present, finger input on touch screens is handled very simplistically – essentially boiled down to an X/Y coordinate. However, human fingers are remarkably sophisticated, both in their anatomy and motor capabilities. TapSense is an enhancement to touch interaction that allows conventional screens to identify how the finger is being used for input. This is achieved by segmenting and classifying sounds resulting from a finger’s impact. Our system can recognize different finger locations – including the tip, pad, nail and knuckle – without the user having to wear any electronics. This opens several new and powerful interaction opportunities for touch input, especially in mobile devices, where input bandwidth is limited due to small screens and fat fingers. For example, a knuckle tap could serve as a ‘right click’ for mobile device touch interaction, effectively doubling input bandwidth. Our system can also be used to identify different sets of passive tools. We conclude with a comprehensive investigation of classification accuracy and training implications. Results show our proof-of-concept system can support sets with four input types at around 95% accuracy. Small, but useful input sets of two (e.g., pen and finger discrimination) can operate in excess of 99% accuracy.”

(Chris Harrison) courtesy of dansaffer

Why External Links Should Open in New Tabs

Unfortunately, many users don’t even notice a tab has been initiated. Back, back, back…

“When most designers design websites, they don’t pay much attention to links. As long as the link works and takes users to the right page, everything is fine. However, a great user experience goes further than that. There are certain links that should open in new browser tabs, and ones that should open in the same browser tab. It’s important for designers to know the difference.”

(UX Movement) courtesy of rolandnagtegaal

How the Knowledge Navigator video came about

Great read about the making of the iconic vision video by AAPL.

“Sparked by the introduction of Siri, as well as products such as iPad and Skype, there have been many recent posts and articles tracing the technologies back to a 1987 Apple video called Knowledge Navigator. The video simulated an intelligent personal agent, video chat, linked databases and shared simulations, a digital network of university libraries, networked collaboration, and integrated multimedia and hypertext, in most case decades before they were commercially available. Having been involved in making Knowledge Navigator with some enormously talented Apple colleagues, I thought I would correct the record once and for all about what really happened.”

(Bud Colligan a.k.a. @collbud ~ Dubberly Design Office)

UI: Getting the Details Right

Why 5 and not 7, 9 or 3?

“User interface details matter to the overall user experience. Many users may not consciously notice these details on your site yet they do have an impact on the overall user experience. When everything feels just right the perception of your site and brand is improved. In this article, we’ll look at 5 different types of UI details you should pay attention to.”

(Jamie Appleseed a.k.a. @jamieappleseed ~ Baymard Institute)

Industrial HCI Research: A Personal and Professional Perspective

Every practice is made by people, not organizations. Focus on people, not brands.

“In this article, we give you some personal perspective on the changing role of human-computer interaction (HCI) researchers practicing in industry over the last 25 years and look to the future. We identify long-lasting themes and emerging trends and add some insight from our experiences working in IT research and development. These experiences include collaborating as team members on a series of HCI research projects during 15 of over 20 years at IBM Research. We also describe what it has been like having a two-person HCI household over the years.”

(Clare-Marie Karat and John Karat ~ Journal of Usability Studies Vol. 7, Issue 1, November 2011, pp. 1-8)

Designing Metro style apps that are touch-optimized

By exception, a proprietary tech video on HCI.

“Get the knowledge and guidance needed to build an app for an intuitive, powerful touch experience. Understand how touch design principles are firmly grounded in customer needs of comfort and utility. Discover how your app can use Windows 8 touch language and patterns, capabilities like smart targeting and semantic zoom, and new interactions like ‘slide to select’ and ‘hold to learn’ to engage your customers.”

(Jan-Kristian Markiewicz & Kay Hofmeester a.k.a. @kayhof ~ BUILD 2011)

The difference between a UX Designer and UI Developer

DTDT (again): Interface is part of the object and experience is part of the subject, be it for design or development purposes.

“UX Designers focus on the structure and layout of content, navigation and how users interact with them. (…) UI Developers focus on the way the functionality is displayed and the fine detail of how users interact with the interface.”

(Ben Melbourne a.k.a. @benmelb ~ as in the city)

Origins of the Apple Human Interface

A first hand recollection of ideas, concepts, and prototypes.

This is a verbatim transcript of a public lecture given on October 28, 1997. ~ “We got clearance, thankfully, from the Apple lawyers, which came about two – three weeks ago, so we could give it here, just in time to announce it. We’re grateful to Apple to release this for public disclosure, because we think it’s of general interest.”

(Larry Tesler a.k.a. @nomodes and Chris Espinosa a.k.a. @cdespinosa)

Dark Patterns: Deception vs. Honesty in UI Design

Another way of phrasing dark patterns would be e-Commerce Magic.

“We might not like to admit it but deception is deeply entwined with life on this planet. Insects evolved to use it, animals employ it in their behavior, and of course, we humans use it to manipulate, control, and profit from each other. With this in mind, it’s no surprise that deception appears in various guises in user interfaces on the web today. What is surprising, though, is that up until recently it was something web designers never talked about. There was no terminology, no design patterns, and no real recognition of it as a phenomenon at all. If it wasn’t a taboo it certainly felt like one.”

(Harry Brignull a.k.a. @harrybr ~ A List Apart)