Hot answers tagged

226

Persona Meet Carlos. He is an academic course-coordinator in a university. He is a very busy man who spends most of the day in front of his computer. User Observation As Carlos goes on about his daily tasks, every half an hour or so he checks the time. Reasons vary: How long has he got before the 11:00 meeting? How long before lunch time? How long ...


212

Highjacking expected user flows is bad. If a user closes an app, they expect it to close, not start opening up other apps (even if it's just a browser). Beyond annoying, it can be perceived as untrustworthy. "Oh great, now if I want to open up an app by this developer they're going to keep trying to launch something else. Delete." You could have an exit ...


94

Trust me when I say this - undo/redo is one of the biggest implementation, testing and maintenance headaches in any significantly sized application. Granted, it is a wonderful thing to be able to undo/redo something as it relaxes the user and lets them test and explore their environment without worry. However, the usefulness of an undo history starts to ...


72

You're introducing two big problems right off the bat; breaking conventions and clashing styles. Don't forget that Apple and Microsoft have released different interface guidelines for their respective platforms : Windows UX Guidelines and the OS X UX Guidelines. Using conventions is important and helps users work in your app without thinking (Don't Make Me ...


62

From a user's perspective, don't hijack my browser! Please. Don't touch the other software on my computer unless you're making it clear what's about to happen, and I have the option to opt out or opt in. Don't make any obstinate to remove or persistent changes to my computer unless you're clear in explaining and I'm clear in understanding about what is ...


49

The proposal is horribly flawed! There is a fundamental weakness in the author's design approach, which is he doesn't state what problem he's trying to solve. Instead, he just starts by sketching a "home-less" UI which he thinks will look cool....i.e he's starting with an imagined solution rather than trying to solve a problem. By failing to properly ...


42

Relax. Don't be the next king of spam. Generally speaking (and I know generalisations are super unpopular around here, so bear with me) you should not be thinking about the first time the user quits your game. That's the first time they have had enough of your game, or are interrupted. These are not people ready to consider your other games. After a ...


37

The users experience in your application should fit with the experience they have come to understand and work within in their chosen (or forced upon) OS. They have built laws and rules of interaction on that experience, for good or bad. A major drawback with designing an app to look more like OS X UI than Windows 7 or Vista UI is that the overall look and ...


29

There is a clock on the desktop so that people can tell the time! This is the same reason there is a clock on my mobile phone, wireless phone, oven, microwave oven, car, weather station and iPod. They have clocks because a clock is useful and easy to implement.


29

Indicating the caps lock is on is a design pattern used for passwords. When the passwords are hidden and every character is only represented by a dot, users might not know they're typing capitals where they shouldn't. It's easy to overlook the fact your caps lock is on. For example, I'm used to typing with ten fingers. While typing my elbows are set quite ...


29

You're asking about bundling ads with your game. Tread carefully. Software that opens a web browser to an advertisement, without the user's consent, is called adware, and it's universally hated. It's perfectly fine to want people to be aware of your other games, but bundling adware with your software is not the way to do it. I've seen some games that ...


26

Google has solved this long ago - no use reinventing the wheel. ;) I'd suggest you remove the need to choose, and do three searches at the same time: "exact phrase", "match all words", AND "match any". Then unite (SQL "union") those results in that order, and present them to the user. Drawbacks: more load on your database. Positives: more natural ...


21

You could try to approach this with an, "tell them about better ways to do what they are doing when they do it" approach. For example, if I am selecting text and clicking bold, that is fine, but if I do that over and over maybe have a modeless (non disruptive, out of the way) notification that could say something like, "Did you know you can press ctrl-b to ...


21

The desktop clock, or for that matter even the calendar, are primarily meant as a reflection of the date/time that the system is currently following. The user of the system obviously knows the date/time (from his own watch or phone or otherwise), but he also expects to be reassured that the system he's working on is following the same date/time. For ...


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


17

While there are some blogs that cover a bit of this stuff, I think the best way to keep on top of it is to read the blogs and case studies covering the products themselves. For Photoshop, John Nack's blog is the best place to go. He's the Principal Product Manager for Photoshop at Adobe and often talks about some of the problems they face. For Windows, ...


17

Common patterns to indicate draggability: Drag handles This goes towards affordance. Users need to be able to recognize something can be dragged just by looking at it. A "grippy surface" is a common metaphor for this. Cursor A grab-hand makes sense as well as the arrows (move) cursor. Currently grab is Webkit-only. Also note that some devices don't have a ...


15

For Mac OS X, it's Application Name | Preferences… For MS Windows, it's Tools | Options or Edit | Preferences (see comments) For GNOME, it's Edit | Preferences


15

Besides the obvious... An indication that what is on screen is not the complete content. For example: Text stops mid sentence A border box shows no bottom but has the left and right edges stopping at the bottom. Even more emphasized if they have drop shadows. Text or lists that cut off the bottom half of a line. Pictures cut in half Long text which has a ...


15

download bmml source – Wireframes created with Balsamiq Mockups How about this? Just replace the checkboxes with radio buttons. Color channel - selecting Lossless disables the slider, and selecting Lossy enables it. Alpha channel - selecting Lossless sets the slider to 100% and selecting Lossy and setting it to 100% manually doesn't affect ...


15

The following are a list of sites I visit weekly to see what's up and new. It is a mix of design, graphics, UX, resources. Their strength comes from following links in their articles, opening to door to more resources. http://www.webappers.com http://designmodo.com http://designrfix.com http://djdesignerlab.com http://www.smashingapps.com ...


15

Generalising between platforms I would go with the following basic guidelines, they further emphasise a disabled field with a grey background. Normal (with a value) Black text, white background, black border. Normal (with a placeholder) Grey text, white background, black border. Disabled Grey text, slightly lighter grey bg, grey border. E.g.


13

If I were you, I would add tooltips like on Microsoft Excel 2010 and add help page with a list of shortcuts (something like this). I think that should be enough. Screenshot of russian Microsoft Excel, displaying tooltip when hovering over bold icon.


13

They are distinct: OK: Applies the changes and closes the dialog (or goes back to the previous location / one level up) Apply: Applies the changes so the user can see / work with the results, but keeps the dialog open, ready for further modifications Cancel: closes the dialog without applying any changes. The "Close button" in the window title usually acts ...


13

From A history of Windows: 1982–1985: Introducing Windows 1.0 Microsoft works on the first version of a new operating system. Interface Manager is the code name and is considered as the final name, but Windows prevails because it best describes the boxes or computing “windows” that are fundamental to the new system. From Wikipedia: The ...


13

The User: Spends half an hour searching for the product. Finally finds it. Downloads it. Low bandwidth: it takes 10 minutes. Installs/starts it. ("Oh! I downloaded a downloader, not the application! Where is the difference anyway?") The downloader downloads. Low bandwidth: it takes another 40 minutes. The application installs itself. Result: The user ...


13

I am as surprised as you that users have difficulties to add a folder with this standard dialog window. But users are surprising, that is why we like them I don't think there is a perfect solution but maybe what you need is a combination of complementary solutions First you should keep this "folder selection" system because it is the more standard for ...


12

I believe this application (Skype) and many other communication type applications including instant-messengers, email clients and other VOIP apps, hi-jack the "X" button to minimize the more user-frustrating event of accidentally ending a users communication session. In many cases, users might simply want to get the application of the screen, the fastest and ...


11

I agree with @Nir that what you currently have is functional. It is difficult to miss the fact that not all records may be visible. What I don't like is the uncertainty, i.e. how you state that "proteins may be hidden". Are they hidden or not? This screen snapshot describes a couple of different ways of doing it: The record count is shown on top, ...


11

On the one side, Mobile UIs provide features that are well-suited for touch based interaction on small screens (which is not the case in the desktop). On the other side, mobile UIs emphasize: the need to focus on the task in hand, the need for being responsive and the role of content among other aspects that can be applied to desktop apps. These principles ...



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