Tag Info

Hot answers tagged

47

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 ...


16

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


12

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 ...


11

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 ...


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: ...


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

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


6

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 ...


5

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 ...


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

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

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.


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

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 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 ...


2

Interesting question. People generally expect the back button to take them back to the previous page, rather than back to an arbitrary point on the same page. By that logic, one should only add an event to the browser history if the transition from one view to another appeared, from the user's perspective, to be from one page to another page. People are ...


2

Don't bother user with these details unless and until user has asked for these and you want -- user to confirm that those logins were done by him and he will be able to report invalid logins and you will not be able to block that user's login next time from that IP -- to award points to user for each login and you want user to be able to see his points ...


2

I think that autoscrolling a page to some section specified in a shared (or saved) link is a bad idea. The problem is with scrolling. I mean, if you use anchors (i.e. '#' parts of an URLs) in a regular way, browser will open the desired section (a section anchor points to) in front of users eyes quickly. And sometimes it doesn't happen quickly (heavy page ...


2

Archive - A collection of historical documents or records History - A usually chronological record of events For me, both archive and history should perform the same action of storing the items in a 'vault' away from my day to day affairs, but when I access it, it should have everything from the beginning of time. For the thing you are trying to ...


2

The information should be given in the order of importance. The vast majority of the time this will be reverse chronological, as more recent events are usually more important. However if older events are more important (for example if the page is stressing a rich history), then you should sort it chronologically. Here is an example from Royal Delft that ...



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