Tag Info

Hot answers tagged

96

Luke Wroblewski wrote about this in Top, Right or Left Aligned Form Labels (April, 2007). In it, he references eyetracking data from an article by Matteo Penzo called Label Placement in Forms (July, 2006). Matteo drew several conclusions from this study, including that right-aligned labels have a lighter cognitive workload for users: Alignment of ...


57

These dots, referred to as an ellipsis, always mean that there are additional options. For example when you see "Print..." it is indicating that there will be another step before there is anything sent to the printer. Taken from The Microsoft UX Guidlines: Design concepts Using ellipses While command buttons are used for immediate actions, more ...


33

Arrows have been an indicator of direction for so long that it's hard to say for sure, but my guess would be that an arrow fired from a bow only has one direction it can go, lending ease of communication when direction is needed. And since bow & arrows have been around long enough, and in practically every culture it has basically become universal. ...


29

Is the arrow symbol truly universal? The United States launched two spacecraft in 1972 and 1973 with a message for any alien species that might encounter them. The message was specifically designed to be universally interpretable. It built up it's own number system from scratch using the fundamental properties of the Hydrogen atom. The goal was to ...


28

User Experience Design Guidelines for Windows Phone Related: Windows Phone UI and Design Language on Channel 9 (video)


27

Put on a song that you know, and have someone hit pause and play at random times, then have them randomly turn the volume up and down. Lowering the volume, rather than pausing the music, is less disruptive to the user. Your brain can fill in the gaps in music they are listening to if they are even somewhat familiar with it (it's why people can listen to ...


26

In English, both in computers and under the blue ceiling, title-style capitalization (capitalizing first letters of nearly all words) is for titles, and sentence-style capitalization (capitalize only the first letter for the first word) is for sentences. Titles generally include headers for your documents, pages, and sections therein and labels for controls. ...


26

You should allways follow the style guide of the platform you're targeting. That way it'll be much easier for your users to understand how the app works. If you do the opposite you'll end up with unnecessary cognitive load on your Android users trying to figure out how your iOS-like app works.


25

Two things I'd recommend: Have a conversation with them and find out how passionate they are about what they do. This is a good indicator for whether someone's a good hire for any industry, but specifically, you want to gauge how well they're involved and up to speed with events. I find people who know what's going on, what's new, what's cutting edge and ...


25

IMO read only fields shouldn't be fields at all. This would look something like that:


25

Just to offer an alternative hypothesis, the fact that the basic shape is two lines converging on a single point, might have something to do with perspective: In this case the sense of direction is created by our very own direction. There may not have been very many highways in paleolithic Africa, but the plains may well have had some similar features. At ...


21

In this situation, I would not use a drop down until you need to. Using a drop down with one option will be annoying to some degree because people will click on it and expect more choices but not find any. Also, people will be trained to not click on that drop down because its 'useless'. You'll have to somehow retrain them to look for the new options ...


20

Don't design for a resolution at all. It's 2011, the state of our art has matured past that point. Check out Ethan Marcotte's article on Responsive Web Design, and then buy his book (well worth the money - one of the few technology books I'd recommend this year). Base your design on modular, scalable elements that can grow or shrink with the size of the ...


20

The guidelines for Windows 8 desktop applications are the same as for Windows 7. That means that you'll find them here: http://msdn.microsoft.com/en-us/library/windows/desktop/aa511440.aspx Windows 8 has two separate UIs: Windows Store apps (formerly known as "Metro-style apps") and Desktop. Windows Store apps is the new, future oriented touch UI. ...


18

Visibility of system status - The user should always understand what is happening right now. Where is she in the system (e.g highlight the right tab in the navigation menu)? What is the system doing (e.g loading animation when a page loads)? If there's an error - what's wrong (e.g "wrong password" message under the password field, if the user entered a ...


17

Apple Human Interface Guidelines


17

Why don't you try something like this. Once the user clicks on the item to drag just highlight the valid and invalid sections like above. I would suggest you do it as soon as user clicks (before starting to drag), this will actually a pre cursor for the user, where to drop the item. In the approach mentioned by you, the user will actually drop the item ...


16

I'm going to give you a high level answer since everyone else is already tackling the "show one or two messages" part. Don't be one of those apps Instead, here are some counterquestions to possibly affect your design decisions: What percentage of users is going to encounter problems if they don't reboot? Is it worth nagging 100% of your users if <5% ...


16

I prefer 'Sentence case' over 'Title Case' because sentence case respects the difference between proper nouns and the other words. I always thought that it was customary in English. In Spanish it is not, we use sentence case, like this traditional argentine newspaper does. This traditional USA newspaper uses Title Case instead. These are language ...


16

If you have the resources, you should follow the guidelines for whichever platform the app is on. In the past many companies considered iOS to be 'the market' and only made Android apps as an afterthought. As a result, they often simply built an iOS app in Android to save them time and cost. This wasn't done because it was a better way of doing it, just a ...


15

Ask them to complete a small task. Here is how I was tested a few years ago. I think this was taken from a NNgroup workshop. Task: Sandwich Choice UI This is a web interface for choosing sandwiches. Users are busy office workers on their lunch break. List the issues with this UI. Redesign the interface. Feel free to use any kind of controls (links, ...


15

Just to illustrate @Rain's answer and LKM commentary, this is a solution I've been using for a long time with great results:


15

The best way here is to remove all read-only fields from the form. You have to find some other way to show this info. But if there is no way to remove them, so make sure that they don't look like input field. For fields with default value you just have to put some value in them; with black input font color. (grey color will confuse them, because a lot of ...


14

Apple iPhone & iPad (iOS) User Experience Guidelines iPhone & iPad (iOS) User Interface Guidelines Mac OS X User Experience Guidelines Mac OS X User Interface Guidelines Google Android User Interface Guidelines Design Principles Google TV Web Site Optimization Resources Website Design & Content Guidelines BlackBerry Blackberry Browser ...


13

Generally speaking, using a grid system is nearly always a good idea: it's simply one of the best available tools to visually organise (i.e. compose) your content in a coherently structured, well-proportioned, yet sufficiently flexible manner. You might want to think of it as best practice. Most good designers regularly use them, unless it makes sense to go ...


13

Right-aligned, definitely. You can see this as a function of the Gestalt Grouping Principles: objects that are close together will be visually parsed together and interpreted as belonging together. Obviously, this is useful so people can read smoothly from label to text field. Therefore, by right-aligning the labels next to their corresponding text-fields, ...


12

I know there's an accepted answer, and I usually do quite agree with Michael, but still this does bug my mind for two days. As a developer, I hated the Apple HIG It just didn't tell me what to do, how to do things in practice. The Windows Guideline was felt as "empty", but it could be that it did because it seemed, on Windows, actually noone follows them. ...


12

The only time you should use a dropdown where there is only one available option is: to stay consistent with pages that have many options for the same selection. For example: You are shopping for a new pair of shoes and are currently looking at a style that has sizes 5-14 available. These sizes are displayed in a dropdown. You click on a different style ...


12

One idea: when the dragging starts, gray out the box and then if the user does drag over that region, make sure the mouse cursor indicates (red circle with a cross?) that region can't be dropped on. And extending that idea further: when the dragging starts use a red or gray to indicate it can't be dropped on, but also maybe use a green or some other ...


11

You don't test his creativity. You ask to see his portfolio, ask him to explain what he did and what his thoughts where behind what he did. And then you ask for a couple of references.



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