Tag Info

Hot answers tagged

57

A couple of other options: An X that is styled differently. X is an easily-recognized symbol for both actions. I think any confusion mainly arises from the fact that you are using the same style for both, creating the expectation that both will perform the same action in your interface. If you had, for example, a red X with slightly different ...


51

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


24

Having a blank field that means that all Organizations/Locations can access the item is really confusing. There should be a default that says "All Organizations" and "All Locations". It can be shown if the value is Null, if that is appropriate for the underlying code, but it needs to show the user what is going on. Changing the code to not confuse the ...


21

How about a simple X? They never imply dismissing all future notifications. Another option is to specify more: "Dismiss this message" Plus, you can dismiss a message after a certain amount of time automatically. Either way, you can have a testing to see how many more / less usage this feature gets with a simple non-blocking ajax call to a dedicated GET ...


20

If you're looking for something that symbolises the word 'remove' then why not just use the word 'remove'? It's not especially large a word. And you have plenty of space in that UI to fit it in there. Plus it removes any ambiguity as to what it means.


17

The first thing to remember about taxonomies is that there is never one correct taxonomy per set of elements. Imagine having the product set {paper, cotton fabric, old wooden lineal}. For a tailor, the categorization within their taxonomies is: {paper, old wooden lineal} -> pattern making supply, {cotton fabric} -> clothing raw material. For a paper ...


16

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


15

Definition The word Taxonomy originated from the work of Carl Linnæus, who created an hierarchy of organisms in the 18th century. The word Taxon means a group of organisms. Since then, the word has been used to describe a multitude of classification schemes, mainly ones with strict hierarchy. While definitions do exist, the term is often abused. However, ...


12

Regardless of the solution criteria, why not populating the field with a default value in grey? Telling your users what the field actually does without their input. If they're happy with it they'll move on, otherwise they'll replace it. As per the default criteria, I would choose the less painful i.e. "As a user the less input I have to provide the better I ...


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


9

You have to be careful when using words. If you internationalize a word you may end up with an equivalent word with many more characters than your intention. If you use a graphic then you are language independent and character independent (which means spatially you are in the known) but there are still considerations based on culture and other factors. ...


8

I'm also a developer by profession (and I have an MSc in Software Engineering from a famously hard uni), but nowadays I do UX. What follows comes from a view of HCI perspective of UX, this is what was taught to me, this is the school I consider myself belonging to. In general, UX is not far from IT: what developers are taught at software engineering unis as ...


8

The requirements section of wikipedia's page on user interface design is a good start. It refers to ISO 9241, particularly part 10 which has been withdrawn and replaced with ISO 9241-110:2006† There's the UX principles that mozilla use as keywords to tag bugs in bugzilla which are based on Jakob Nielsen's Ten Usability Heuristics. I've recently been ...


8

If you're going for pop-up style notifications, you should prefer timed notifications that automatically get dismissed after the time expires. Alternatively, you can have header-style notifications at the top of the page (demo). The standard practice is to have a simple X ... ...or something a little more informative, like X Close (as seen on ...


8

I think vertical layout will be far better in this case, and you should also group fields. Note, that I am not sure if I grouped the fields correctly, as I don't know the bigger picture of the purpose of this form (so please correct me if I made mistake) but here is an example how it should be dealt with (at least pattern-wise):


7

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

EDIT: This might help. An article pondering 'If everything is design, then what is a designer?'. Link to PDF report. Basically, UX is a form of design. Also see 'Design thinking' as a topic. For me, UX is the intersection of: Psychology (science) Business Design Though these diagrams show a slight variation of this:


6

I recommend using a minus sign enclosed in a circle (-). It should alleviate your text length issue while still implying a "remove" function as well.


5

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.


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


5

My immediate inclination is that the slightly fuzzy edged search or navigation facility provided by the tags concept is not likely to fit well in the context of the precise nature of the world of accounting or resource planning. The user model seems slightly at odds with the more unstructured tags concept which more suits a changing environment. The good ...


5

It makes sense for user goals to define the IA when users need to see different information about the same objects depending on their goals. For example, Toshiba USA separates researching laptops from buying them because their online store offering is much smaller than the complete product family. However, when you're dealing with trip planning, does a ...


5

Why make users guess or learn something when you can be explicit and unambiguous? Taking organisation as an example, I suggest having the following entries in the picker: "All organisations" "No organisations" and no blank entry. Default to "all" or "no", or — if it makes sense to do so — one of the organisations. Doing this means no party can have ...


4

The BBC have been working hard on their BBC Wildlife section for a while - eg see top level section for: Animals Species Habitats Adaptations and behaviours. They've been using domain driven designbook over traditional taxonomic architectures, and organizing information by things and their relationships rather than by documents for example.


4

I don’t think that there can be clear definitions for Popular or Trending (who should define it?!). I guess in many cases such algorithms are "secret" and take several characteristics into account. But why not make it clear? Most viewed Best rated Most commented If you also want to use several characteristics (e.g., an algorithm that uses the views ...


4

It appears you already have a preference for the master pattern of what is called faceted search (also called faceted navigation or guided navigation). Faceted search addresses the universal need to narrow. The infrastructure for faceted search enables a tighter relationship between search and browse, allowing real-time refinement of the results set. It's ...


3

Edit: think I understand better now - there are 2 fields (one per taxonomy)? Your customer's view is not an incorrect one if the security model is more permissive (i.e., most things are open to everybody). From a UX perspective it might still be better to make the user select a value to indicate this choice, i.e., "All Locations", rather than it being ...


3

UX is interdisciplinary and shares this categorization 'problem' with other domains, e.g. Product Management. Even the specific fields of UX can't be categorized clearly sometimes. The following are just some examples: User research -> Psychology, but also a bit Statistics Information architecture -> Psychology, but also Linguistics Visual/UI design -> ...


3

This is not new, they just named the "tag" and "category" differently. For example, Amazon.com, "department" is actually "category," while the filters at the left side of the search result page are the "tags." Instead of making the two panels horizontal, you should make them vertical, because they are lists. Since you can only choose 1 category, you should ...


3

This is a good place to use the control-panel pattern, such as in Adobe Illustrator, when you click on a shape object, it will show you the operations you can perform with it in the control panel. Control panel is the E area in this screenshot: So here's what you can do: There's nothing wrong with your last solution except that it's too long with the ...



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