Skip navigation.

User Centered

Studying the design of everyday things

Posts tagged with "hci"

avatar

SUPPLE: Automatically Generating User Interfaces

, , , ...


Originally posted by Aza Rask:

It’s ironic (and predicable) that the interfaces SUPPLE comes up with for dexterity/visually impaired people are just better interfaces than the controls. The optimized interfaces almost always display more information in a way that requires less clicking than the original interfaces. No wonder they perform better! It’s just a direct application of Fitts’s law and GOMs analysis.

One interesting thing to call out: The interfaces for SUPPLE are defined by schematic intent, not by layout. The computer translates a user-flow markup into an actual interface. We’ll probably see a lot more of this as we need to design web sites for truly divergent screen-sizes (computer, mobile, wall screens).

avatar

Network Admin in your basement?

, , , ...


I'm not saying we need to take away all the stuff in the picture. I'm not trying to dumb down the interface, I realize the importance of security and a properly configured network...but can't we also take into account some of the more real world users as well?

Isn't it en vogue for everyone to have a wireless network at home now? Why haven't we done a better job with these management tools? I'm not expecting a plug and play network, because, I think anyone who's ever used a wireless device, or even just has a rudimentary concept of networks (ie someone saying: "I know I can't access my work folder at home because I can't get into the network") understands that just unboxing a wireless router a plugging it in means that others might be able to. I'm just asking for an interface that isn't all form/text input and checkboxes. How about an interface that attempts to approach the problems I'm trying to solve and remembers that in the context of asking me all these questions about IP and MAC addresses, Subnets and SSIDs? Of the handful of routers that I've purchased in days (NetGear, two D-Links and an Apple Airport Express), the documentation on security is lacking or at least never a good way to figure out exactly what is important in the context of what hardware you have.

A quick list of user goals when configuring your home network:

  • Day-to-Day: "These are the things I've bought that I want on my network. If any (besides mobile) are missing, there's a problem. If any are added, there's a problem."

  • "I just bought a laptop and want to add it to my network."

  • "I want someone to have temporary access to my network."

  • "I want to have a printer (HDD..etc) shared on the network."

  • "Who has access to my network?/How secure is my network?"

  • "I want to 'redesign' my network. (physically or logically) because I just bought a new WAP (or my girlfriend wants to move the entertainment center or...)"

  • "I'm having network problems- is it because you (router) don't recognize anything or is my WAN broken?"


etc...

Sure you can do most of this stuff now with the interface, but figuring out how is always less than intuitive. There's plenty of room for improvement in home networking.


avatar

Link: Location aware (concept) watch

, ,

Hot on the heels of me getting fired up about cellphones having a better understanding of the users motivations etc, I find the Just-in-time watch (via Gizmodo) that takes a (conceptual) stab at solving some of these issues.

From the site:

The watch knows the wearer's actual position coordinates via GPS, GSM-tracking or other techniques. In addition to that the cell phone enables a data connection with the www. Appointments with site coordinates can thus be synchronized. They were entered in advance e.g. into the cell phone or into the computer with a calendar tool like iCal. Furthermore the watch can access web-based navigation-, timetable- and traffic information services.


Just-in-time watch


avatar

The OLPC Human Interface Guidelines

, , , ...

Dantesoft sent a few links our way on the OLPC...

This link sums up the OLPC HIG Guidlines by saying:

If you haven’t done so already, go read the OLPC HIG now. I swear to God, this document is a work of pure, inspired genius....This UI is quite simply one of the deepest and most interesting redesigns of the desktop user interface ever produced. It makes MacOS look like what it is - boring and unoriginal. The list of things this UI gets right is so long it makes my head spin



..and I wanted to note the very first paragraph of the "Core Ideas" section which I thought was interesting:

Activities, Not Applications

There are no software applications in the traditional sense on the laptop. The laptop focuses children around "activities." This is more than a new naming convention; it represents an intrinsic quality of the learning experience we hope the children will have when using the laptop. Activities are distinct from applications in their foci—collaboration and expression—and their implementation—journaling and iteration.



They even took new ideas approach to the trackpad and keyboard. No capslock, "erase" instead of delete, larger enter key...

Of course, OLPC has been in the news at around these parts as well as it's currently in Opera's hands running the browser.
avatar

Send...Don't Save

, , , ...

One of the hallmarks of today's generation of mobile devices is a built in camera. I love the convenience of having it around, but why do we need it? Rather, what do we really do with it? I'm sure you bought it thinking that you now have the ability to:
  • Snap pictures of your run in with Tom Hanks at that Los Angeles cafe
  • Capture the "fender-bender" for the purposes of having them be admissible into a court of law
  • Replace your Digital SLR for capturing the sun setting over the Pyramids of Giza (insert you correct spelling)
  • Have an image to go along with every person in your address book.
  • You see something funny/interesting/cool you want to blog/share/save


According to my rigorous scientific studies (ie- completely made-up) 98.56% of the usage of your camera is for the last bullet there. What's got me writing today is that even from that bogus number, a large percentage of those things I take a picture of are not anything i want to have around for any extended period of time. If it *is* something I want to keep around, I would have already emailed/sent it off to a place where I could more easily share/retrieve it.

So what are we left with? In my case a phone full of garbage that needs to be cleaned up in regular intervals. Why isn't there a "Send but don't save" option? Does your phone have this? Every phone I've seen lets you do the following:
  • Save
  • Delete
  • Send

..mine also offers quick menu access to take another picture, or to set as callerID/Wallpaper.

I never see a "send and delete" or an automatic image cleanup, which is most often what I'd like to see happen. I'd like that UI above, but see a distinction between "save" and what I'll call a "work with" or "working image." (A better term would be appreciated...) This working image is something you are going to send, or crop or set or share with someone via MMS or email.. something that you don't want to "save" onto your phone in the traditional desktop sense. Speaking of the desktop, it's not immune to this either- working with screen captures and file manipulations and image downloads, you often end up with a littered file system that takes a strict "system" to keep the craft from the clutter. This system is most often just the user's behavior that compensates/adjusts for the lacking software. For example, in my case: "I store all my 'temp' files on the desktop- that forces me to deal with it eventually..."


Some picture I've already used, but is still on my phone.
BTW-Opera can we get a *real* image caption thing here?



In the case of the phone, I'd like the same "clean-up" rules applied to images as are applied to messages (MMS/Emails/etc..). All the handsets I've had offer a clean up after "X" days of messages. Applied to images, this would clean out all old *unsaved* images...of course, if you do happen to run into Tom Hanks and you want to show that around to everyone you meet, you'd just choose to save the image and it would be spared. Designed *this* way, the phone interface would be more in tune with my usage.

It seems silly to me to treat images differently than messages. Sure we tend to get much more of the text variety (so "X" wouldn't be the same for both), but the same circumstances apply. Some are important which we know to save or flag or move.. but images are all assumed to priceless artifacts just waiting to be submitted to the Louvre, when in reality it's a funny misspelled sign you saw on the way to work three weeks ago that you already blogged about.


edited- fixed my backwards logic
avatar

Plug:Humane Interface from Humanized.com

, , ,



Humanized.com has a trailer out showing off some of the capabilities of Enso, which seems to consolidate common commands and functions across applications. It's a great world if spell check was always available using the same commands/UI everywhere you go.

I've been looking for a *marriage* of command line and GUI for some time. I don't like looking at them as "either/or" or "in place of." Keyboard shortcuts for gui elements and command lines have all really helped me do what I want to do, but I like that Enso is thinking how they can be truly integrated.

Of course, I'm just completely guessing based on the trailer and the few hints about what Enso is, so I may be off base. I can't wait to try it out though.
avatar

The Pros and Cons of Pie

, , , ...

My girlfriend sends me this note...

I saw this article talking about the pie menu (extension) in Firefox.... does Opera do anything like this?



...the other day in some article about the *next* version of Windows that may (or may not) include pie menus... the author discussed the Firefox extension in the absence of any Windows based examples. So that got me explaining the difference between mouse gestures and pie menus, and I thought a little bit about what I like and dislike about them that I thought I'd share.


Pie menus are great in my opinion. At least, much greater than what we have for menus and toolbars. They take the mouse travel out of the equation and change it into mouse direction. So you're not constantly moving all the way over to the back button, then back to page content... (I'm already tired!). In addition, they take a context sensitive approach. What your mouse is hovering over at the time you bring up a pie menu determines what kind of menu you get. The latest version of Office includes the context sensitive part in the "the Ribbon."

All this is of course very familiar to Opera users, or any mouse gesture fan. The big difference between the two is that you don't get to see what's going on with mouse gestures. You'll get feedback only after the command has been executed, and hopefully it will match what you intended it to do.

It sounds like I'm putting down Opera's approach (of course available as a FF extension as well), but I'm not. In fact, I prefer this approach in the long run as it forces simplicity and activity centered design. I explained back to the email (paraphrased if you're reading Shelly):

Pie menues might be better for “the masses” because you can see it on the screen, you get visual feedback and an actual menu that might remind you of a command you may have forgotten about. Mouse gestures have the advantage in that you can easily do them without looking at them. You can be in the middle of reading an article and execute the “close page” gesture even as you’re still reading the last sentence…. Since you don’t have to actually look or “hit a target” with the mouse, I prefer them over pie menus. The command is invisible to me.


(I do like to woo the ladies with usability talk)

Now, I'm sure experienced pie menu users can execute them without looking at the menu, and I think that's great. It's a nice "best of both worlds" approach, but gestures are *designed* to be executed without looking at a menu, which is a different approach. Nested pie menus are possible, but nested mouse gestures would be too cumbersome. I tend to keep my mouse gestures at the very max three movements only (left, right, left to enable fit to width... I envision my mouse bouncing of the edges of the page to "shake" it to the correct horizontal spacing of fit-to-width). Since I love my browser mouse gestures so much, I tried the software that lets you use them on Windows and was sorely dissappointed. Mainly because they weren't native and not nearly as responsive as in Opera, but also because I had to draw letters of the alphabet with and complex gestures with my mouse that were impossible if you didn't show the trail. This defeats the purpose of the mouse gesture to me- that you can execute a command without having to spend any mental cycles thinking about the physical act of execution.

I love replying the slashdot comments about how mouse gestures are for lazy people. It has nothing to do with that. I love mouse gestures because I dont' have to divert from whatever task I'm doing (reading a page, thinking about the next tab I want to view...etc..) just to preform some browser UI manipulation. Gestures are the epitome of "the UI shouldn't get in the way." I think "back" and I'm back in history. I don't have to right click, select from a menu, or look up at the browser bar and find the "back" target. The muscle memory takes over and it's absolutely seemless.

Pie Menus are nice because you could achieve this same "muscle memory" feeling while still having visual feedback in case your muscles don't quite remember. I think that's great in the long run but it opens the door to overly complicating the simplicity of the pie menu. It's tempting to make the slices really small and cram as much in there as you can, or to nest pie menus together. It's probably still better than what most menus look like now, but keeping me focused on my tasks (activity centered design!) and not inviting complexity into the menu is why I prefer mouse gestures over pie menus.

Of course, as I write this- it would be nice to have a combination of them. Executing a gesture up would start a pie menu, but the other (left/right/down and subordinate movements) ones would be traditional mouse gestures. But that would probably blow my mind.


avatar

Lowball Guess

, ,



Stronghold 2 has this configuration menu. I would guess that "Low" settings are on the left, and "High" settings would be on the right, but why make me guess?

And of course, that's beside the issue that this is the first screen I see when I start this game and I have no idea what "NPatch" is, or what my draw distance *should* be. I would imagine most users say something like: "My graphics card is 6 years old.. I better just throttle this all back.." or "I just won this awesome gaming rig from the Opera Widget Contest, let's max this out..."
avatar

HCI Plug: The Designer's Notebook: PS3 versus Wii - The Designer's Perspective

, , ,

A game designers take on the Wii brings out some interesting thoughts on human and computer interaction...


So which do I want to design for? From a creativity standpoint, it’s the Wii, hands down (or up!). The human-computer interaction people have a buzzword they’re fond of: affordance. Affordance refers to the possible actions that a tool, or other object, provides or suggests to the user. The Wii Remote offers a different and quite new set of affordances to the player: steering with it, waving it, jabbing it, pointing it, stirring with it, paddling with it, and so on. It’s the wizard’s magic wand we’ve always wanted. All we have to do is supply the magic.

avatar

Plug & Chug: "It's the UI, stupid. Actually, it's a stupid UI"

, , , ...


New content coming soon.... until then, check this review of Vista. Lots of harsh words about the UI/Usability...

Paul Thurrott on The Dark Side of Windows Vista RC1