Tag Info

Hot answers tagged

63

I believe the going name for it is a Hamburger Menu, as a reference to the icon that's commonly used for it (, similar to the Unicode character ≡ U+2261 Identical To), and to the stacked nature of the drawer itself. Hamburger Drawer and Hamburger Sidebar would also be recognizable terms to the UX community. A bit of discussion on what I believe to be the ...


19

Side panel As mentioned at appadvice The app features a pretty slick interface, and uses the side panel for navigation.


16

I find it glaring that the sound of the letter 'X' (ex) is the same as the opening sound in experience, whereas the letter 'E' sounds like the start of international. So I think that sound-wise, UX is closer to User Experience than UE. Just to support this: Extra large is marked 'XL' and not 'EL'. Also, the sound of UE (U-yi) reminds of GUI (Gu-yi) and ...


15

The layout pattern itself (not the burger icon) is known as 'Off Canvas'. Luke Wroblewski wrote about it in an article about Multi-Device Layout Patterns. ...the Off Canvas pattern for multi-device layout takes advantage of space off the screen to keep content or navigation hidden until either a larger screen size allows it to be visible or a user ...


15

Peter Merholz actually did a very thorough investigation into the term "User Experience". http://www.peterme.com/index112498.html It looks like the earliest recorded usage was meeting notes from 1993 by a colleague of Donald Norman's at Apple. The notes imply that Norman changed the job title "User Interface Architect" to "User Experience Architect". Norman ...


10

I think you have too quickly ruled out the most intuitive option. Humans are especially good at recognizing faces, and I think you might be surprised how well you can represent the nine different states with 32x32 smileys. For example, take a look at this group of smileys: http://gas13.ru/v3/pixelart/smilies_by_gas13.png or very simply: ...


10

Via further research, I've discovered that I was acting under a bad assumption. I had assumed that 0 and 1 became standard around the same time, but the very next section in the wikipedia article says: The 0 key was added and standardized in its modern position early in the history of the typewriter, but the 1 and exclamation point were left off some ...


9

According to the android developer site it's known as a Navigation Drawer. source: http://developer.android.com/training/implementing-navigation/nav-drawer.html


8

To expound on what @matt_d_rat wrote, There's a great write-up here about this, but it was originally designed by Norm Cox for the Xerox Star workstation in 1981! This icon is about as old as the concept of GUI itself! To see it in action check out this video and skip to around 21 minutes.


8

The reason you sit on the outside of the car (on the right when driving on the left hand side of the road in the UK or on the left when driving on the right as in the US) is so you can more easily see oncoming traffic. This is especially important if you want/need to overtake the vehicle in front. If you are sitting on the nearside you'll find it very ...


7

Out of a related discussion which started on Quora, Geoff Alday dug a little deeper into the origins of the icon itself and discovered that Norm Cox is the man credited with designing the icon for the Xerox Star personal workstation, which was introduced in 1981. In an e-mail conversation between Cox and Alday, Cox reveals how the icon came about and the ...


6

A simpler approach that more users would understand would be to tell the user when they last logged in. Most users won't understand IP address (unless you have a very technical audience). Alternatively, you could display when the user last logged in, and if they select "Tell me more", explain about IP addresses and then display the information - but again - ...


6

1. UE was used before UX This is the first recorded instance of "User Experience" as a job role that I could find and it came from an Apple document from 1995... This office has introduced a new procedure for products, which starts with the creation of a "User Experience Requirements Document" (UERD). -- source: Don Norman, Jim Miller, Austin ...


4

The "#" fragment URL is the standard way to indicate a location on a page and the history management for that is already build into the browser (basic example). The lightbox state could also be encoded in hash fragment URLs, I think this is standard enough behavior that wouldn't pose any usability problems.


4

Nice graphics ;) Your questions is interesting and hard to answer in detail. I think your way of solving the mood states by colour is good and understandable for people, because there is a direct combination of colours and their perception in terms of feelings. I wouldn't use arrows in the circle, because this is a kind of very abstract concept. You have ...


4

37signals has a great example of how you can make this interesting for the user and help them understand your story. No offense to the HR professional who commented (though, it wouldn't be the first time I've offended HR), a history page that starts with the present is probably too much about what you want to say. Your current achievements are, hopefully, ...


4

I too want to add an image: My thought is (Speculation also) is that it has to do with QWERTY, Most of the QWERTY layout was to prevent keybinding. I have to wonder if having it in 0``1``2 cause binding issues and was thus moved to the end where one could not cause a binding issue. 1011 comes to mind as a touchy combo.


4

Your priority metric should be chronological significance - this depends greatly your context. Is it more important for the user to see the oldest items or newest first. Timelines on social media sites place significance upon what is happening 'now': 'What are my friends doing? Is my sister online? Are we partying tonight?' Units of work are generally ...


3

I can see situations where your time based approach would work well, but there are also some problems with it (besides any technical challenges). Most people are used to the standard tree for undo, and with your changing of it, they may become confused as to why it works differently. Undoing something signifies that it was a mistake. With your time based ...


3

Side Navigation is one proposed term, as stated here: http://www.androiduipatterns.com/2012/06/emerging-ui-pattern-side-navigation.html It's a worth-while reading, which explains why this bring innovation to the navigation mechanisms of apps. It also lists other candidate terms: Fly-in app menu Slide out navigation Sliding navigation bar Slide menu


3

I think it depends on what service you are running to whether it is advantageous to show those details to users. With most services, I'd say that it is probably unnecessary. However, if you are building a service that needs to have added security controls, it can become handy. Say you have a service that stores business details for people inside the ...


3

I would not use colors alone for displaying the moods, since a 2-d color scale would be much less intuitive than a standard 1-d scale. Also, you have to keep in mind that colors can have different meanings in different countries and cultures. See: http://webdesign.about.com/od/colorcharts/l/bl_colorculture.htm Our congnition is very capable of ...


3

As an HR professional, reverse chronological is ALWAYS the preferred order when looking for information. I don't need (or want) irrelevant information. I think you should determine how you want the information to be interpreted. Is it a story? From day 1. Is it a company update? Latest, first. You may need to evaluate who your audience is, as well. The ...


3

From a UX perspective, I think that a user generally wants to search again if they go back to the search page. In this instance, would it be better to have three steps, similar to Google's approach? Search > Results > Details. If you hit back from the details page, you are directed to the search results again. Back again would get you to a new search. This ...


3

If the items are independent of each other - place newer first. This way the user will see first what is new. If the items depends on each other and all together form some single content - place older first. For example, the posts in a forum topic are connected together by one subject - they form one single content that can grow in time. So, place older ...


2

The first record (I could find) on User Experience comes from Mark Twain’s “Nineteen rules governing literary art in domain of romantic fiction” written in 1895. These 19 rules could easily be transferred to writing for the web today which is a part of User Experience. Here are some of them: (1) That a tale shall accomplish something and arrive ...


2

The following is a quote from Brenda Laurel's chapter essay "Interface as Mimesis" (in User Centered Systems Design, eds. Norman & Draper, 1986, ch. 4, p.69). I've included enough context to show that the exact phrase "user experience" (emphasis added in quote) was used in specific reference to the domain of computer interface design: Likewise, an ...


2

You could use colour, size and displacement of a circle from a mid line. For example in the following image, I have converted the size of your arrows to the size of the circle, and the direction of the arrow to a displacement above or below the midline - as well as connecting the circle to the midline by a thin line so that it's clear which line it relates ...


2

Since each color can be described with three variables: hue, saturation and brightness, you could try to use a pair of these to code your X/Y. A good starting point would be to use hues (green/red) for horizontal dimension (pleasant/unpleasant) and use brightness or saturation for the vertical dimension: high = bright/saturated, low = dark/unsaturated.


2

If the main goal is to allow users to bookmark various locations on the site, why not use URL variables that change as the user navigates the site? This would allow the browser history to remain untouched and work as the user expects, and likely reduce the work load of trying to make it perform a lot of abnormal functions. EDIT If this is a potential ...



Only top voted, non community-wiki answers of a minimum length are eligible