At Sumavi these last few weeks we’ve been waging war on our user interface design.\u00a0 Its been great, and I think we’re winning but we’ll wait to hear more from our users.\u00a0 We will never be satisfied and we’ll keep looking to improve it.\u00a0 So as we continue to research human computer interface design there have been a few books, quotes, and lessons I’ve picked up that I wanted to write down in one place.\u00a0 Here they are in no particular order:<\/p>\n
1.\u00a0 “Perfection is reached, not when there is no longer anything to add, but when there is no longer anything to take away.” This has been a great guideline as we’ve been looking at the interface.\u00a0 We have to balance out “does it really have to be there?” with “is it obvious?” or “are common actions difficult to get to?”\u00a0 With the Sumavisor its all about provisioning.\u00a0 So provisioning actions and the things we want users to do (like add their picture) need to be easy to see.<\/p>\n 2.\u00a0 “People perceive more aesthetic designs to be easier to user than less-aesthetic designs — whether they are easy or not (Kurosu and Kashimura 1995).\u00a0\u00a0\u00a0 Additionally, good aesthetics have been found to create a positive attitude toward a design, to make people more tolerant of design problems, to aid creative thinking, and to aid in problem solving (Norman, 2002)”\u00a0 — From The Essential Guide to User Interface Design by Wilbert O. Galitz.<\/p>\n We battle this one with where we should put our time.\u00a0 For example, some of our problems have been:\u00a0 Do we spend time adding more functionality or do we spend\u00a0 time improving the design?\u00a0 Do we spend time on art, or do we say: “Good enough” and spend more time making the Sumavisor more capable.\u00a0 Unfortunately, you have to do both.\u00a0 However, what this quote has shown us is that we need to give more priority than we have to the design.\u00a0 After all, we want people to have a positive attitude towards us :-).<\/p>\n 3.\u00a0 People are very task oriented.\u00a0 One book talked about how adults, when asked to go look for something in a drawer and bring it back will find the object bring it back, but will notice little else.\u00a0 So if you ask them:\u00a0 “Oh, did you notice if there were any scissors in the drawer while you were there?”\u00a0 Most people won’t even notice.\u00a0 (Kids however, the study showed, noticed a lot more).\u00a0 This shows people’s tendencies to filter everything out and focus on the task at hand.\u00a0 Good design makes it easy for them to do this. Bad design frustrates people when they can’t do it.<\/p>\n In that sense, we’ve been asking ourselves:\u00a0 Is this obvious?\u00a0 It gets really hard when you’ve been doing it everyday, cause you have to step back and think:\u00a0 Hmm… what would I think about this if it were the first time I had seen this.\u00a0 What would I say?\u00a0 Could I perform the task easily?<\/p>\n 4.\u00a0 Testing on users<\/p>\n We have some people that knew all about what we were doing and had seen our stuff from the beginning and all the changes.\u00a0 So we asked someone to provision 2 machines.\u00a0 He did it easily, but it was surprising to us to see how he did it.\u00a0 It made it more apparent to us that we needed to change the design and make things more obvious.\u00a0 One thing about the user tests we learned validated this statement that we read:<\/p>\n “In the overwhelming majority of cases, words are more meaningful to users than icons.”<\/p>\n Its nice to have icons too, but its hard to introduce new icons to people who have never seen them.\u00a0 For example, what is a good icon to deploy or provision a machine?\u00a0 We’ve made a few of them, and once you’re used to them they’re fine.\u00a0 However, there is still a learning curve with icons!\u00a0 So perhaps putting words by them will make more sense.\u00a0 In one case, we removed our icon bar and changed it to be words with icons.<\/p>\n 5.\u00a0 According to one book, there was an IBM study that concluded: for every $1 invested in user interface design the payoff was $10-$100.<\/p>\n That study gives quite a big range in payoff doesn’t it?\u00a0 In fact, I’m sure if you looked at the curve they were using to do the study, you might find that some investment in user interface design has $0 payoff :-).\u00a0 (Or negative if the design was wrong).\u00a0 It was also funny to read how many books justify the need for better human interface design.\u00a0 Mostly I think they were preaching to the choir, but on the other hand, maybe they’re just trying to give ammunition to the choir for when they go out and preach the gospel of user interface design to people they’ll be armed.<\/p>\n 6.\u00a0 Some user design parts are NP-complete problems.<\/p>\n When we did the header for the Sumavisor, it was totally easy.\u00a0 Simple node range search bar with menus to let you find the places you want.\u00a0 But other parts, like the information displayed on node ranges, or individual nodes still is a huge challenge for us.\u00a0 We like what we’ve done now and had to abandon some things that we did.\u00a0 But I still feel like we’re looking for the solution.\u00a0 I am however satisfied (for now) with what we came up with, but there’s still some work on what we’ll have to do.<\/p>\n 7.\u00a0 Working in Groups<\/p>\n I’ve found through this that my ideas, as good as I think they are, are always made better, or changed by talking them out with people.\u00a0 On the other hand you have to admit when other people’s ideas are better than yours you need to go with them.\u00a0 One issue of course was the color.\u00a0 I had come up with a rainy day Portland theme, which I liked but pretty much everyone shot down in favor of a happier more trustworthy blue theme.\u00a0 Finally when my wife said that the rain color looked dead and depressing I had to admit that I was probably wrong with the Portland rainy day theme for the Sumavisor.\u00a0 Oh well.<\/p>\n The other thing that we realized is that internally, we don’t like a “big unveiling”.\u00a0 So from now on we decided to talk them out and decide on things before setting out to work.\u00a0 This has involved sketching and powerpoint drawings.\u00a0 This can be frustrating since we’re coders and its much easier to say: Sod it!\u00a0 And just edit css files.\u00a0 But using this approach gets the best ideas out and gets rid of the usual slew of crappy ideas that I’m apt to have.<\/p>\n What have you learned about user interface design?<\/p>\n","protected":false},"excerpt":{"rendered":" At Sumavi these last few weeks we’ve been waging war on our user interface design.\u00a0 Its been great, and I think we’re winning but we’ll wait to hear more from our users.\u00a0 We will never be satisfied and we’ll keep looking to improve it.\u00a0 So as we continue to research human computer interface design there…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[59],"tags":[109],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/posts\/339"}],"collection":[{"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benincosa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=339"}],"version-history":[{"count":2,"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/benincosa.com\/index.php?rest_route=\/wp\/v2\/posts\/339\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/benincosa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/benincosa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/benincosa.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\u2014 Antoine de Saint-Exup\u00e9ry<\/a> (Terre des hommes<\/a>)<\/p>\n