Tag Info

Hot answers tagged

12

I massively disagree with this approach. Convention > Context. A user who is used to seeing an icon everyday that always means 'view as list' will be disoriented and frustrated when it opens a document. You can make a similar looking icon to open a document, but even then it must be distinct enough that users will not mistake it for 'view as list'. It ...


11

The simple answer is No there's not an accepted standard icon. Keep in mind that this is usually the case with icons and that shouldn't stop you from trying to find a suitable icon. Probably the closest thing to a "standard blog icon" isn't an icon for a blog at all, but the RSS icon: A great deal of users associate this with "blog" as most blogs have ...


11

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


11

It could be useful in the following circumstances: When the user's native language isn't English, but they are more familiar with English labels than the native equivalents. For users who need to switch keyboards (and auto-complete dictionary) using both their native language and English (or another secondary language). For users that give their old phones ...


11

Google doesn't always make the best or consistent UX decisions. Their Google Voice application (which I assume is created by an entirely different team) has "New" and "Refresh" buttons at bottom-left corner. But I agree with you, putting the "+" in the top right corner is poor usability for frequent-user of the app. However, it does make the button ...


10

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


9

They do this because it is easily recognizable by their users. Apple stresses using standard interface elements in their iOS Human Interface Guidelines: In iOS, the UIKit framework provides a wide range of UI elements that you can use in your application. As you design the user interface of your app, always remember that users expect the standard views ...


9

You can avoid the automatic clicking of users in different manners. Apart from confirmation dialogs, here are some options less intrusive but also effective: One option is to fake reversibility by delaying the actual action. You can delay the real deletion of content and show a "confirmation" for the deletion to the user with the undo option. Later ...


9

Since you mentioned Windows, I would direct you to the Windows UX guidelines on confirmations: Confirmations They recommend the Yes - No - Not Now form (Yes/No/Cancel). I would however recommend more semantic button labels than 'Yes' and 'No', but I know this is just a question about positioning. Edit (in response to Isaiah's answer): Yes, these are ...


9

What I've learned from observing some mobile usability tests: Don't care too much about "thumb hotspots". Which areas of a smartphone display are more accessible differentiates a lot from user's individual abilities and habits. As there are: Individual phone holding: Some users are holding their phones more at the bottom, others at the phone's mid. The ...


8

Had a quick search on google and found these http://www.theblogicon.com/ http://download.blog-icon.com/ As far as I'm aware there is no universal icon for a blog. I would probably try the blog icon mentioned and get some users to test it to see if they can work out if it's a blog link.


8

Yes, of course MS has its own user interaction guidelines and they are available online: Windows User Experience Interaction Guidelines


7

Yes, you can create nearly identical GUI across multiple platforms. Most operating systems mandate only the status bar to be visible at all times (some, like Symbian and Blackberry, even allow 100% full-screen mode). The only differences would be in the look of controls, which are often under the control of the OS (e.g. drop-down lists). Although anything ...


7

Here is my war story... I had to re-skin some internal UI simply for a big name client we were having. They needed it the next day. So I put my nose to the grind stone and just re-styled the UI. The effect turned out to be better than we expected. The Pro's you listed were true. The brand stood out more but also the perceived value of the product went up. ...


6

Each option has own drawback. Hamburger menus are, in essence, hidden menus. That means you have to click somewhere to see the menu. Bottom menus are limited in size, so that's why you cannot add many buttons there. So, I completely agree with ekapros: If you have few buttons which will be used frequently (functional buttons) by user, then go for bottom ...


5

It depends (of course!) on how often deletion is an action that is likely to occur. I obviously agree with the sentiment that tasks need to be made easy to perform - that's a given. However, deleting a lot of content should perhaps be slightly less easy - provided it happens infrequently. If deleting stuff happens every five minutes then it should be as ...


5

I personally have seen US2FormValidator used in a couple of iPhone apps and its pretty slick. I'm not sure I personally agree with the default icon choice for the error icon, because tends to look a bit like if I touch it, it will delete/clear the field. I think that library is a great improvement over the default of just popping an alert when something ...


5

I think you need to search for multi-device UI or multi-screen UI. I think the concept is so new (or at least was only the interest of large corporations) that it's difficult finding a dedicated website that embraces what you looking for. These are probably the best articles I could find are: ...


5

In a non-word processing context, is it okay to have key presses do actions without having the user preface them with ctrl, alt, shift or command? On a full keyboard that's what the Function Keys do. You could argue that function keys tend to be underutilised nowadays. Without the use of the preface key you can't use the other keys on the keyboard unless ...


5

Having split panels will still most likely be the most useful way of seeing both the code and the preview at the same time. Something to keep in mind is that a lot of designers and developers have a lot more screen real estate than what they need to design for, so many have no problem with a split screen. However there are two things I can think of that ...


5

Adding interstitial ads at any point in the hierachy you describe sounds probably isn't ideal. You don't want to interrupt the user journey while they are getting to the content. I assume there would be a way for a user to cycle through jokes (prev/next type functionality) and this would be the best place for those ads. Every X jokes show an ad. In terms ...


4

Paper, pencil. I'm seconding jensgram and JohnGB. Be VERY wary of 'realistic' demos. They do things and feel like something that is real, but inevitably, they are not. The interactions are designed for the demo and the demo software, rather than the real app, and the real requirements of the production code. If the demo is merely a throw-away, then that's ...


4

If you want to produce a very quick, interactive, no-code prototype then you could try Flowella which is completely free and made by Nokia. It's available here and all you do is set a screen size, load in PNGs of all your screens and then create touch points around the buttons and drag to link them to their destinations. The final output is an interactive ...


4

I depends on the what you're mocking up (mobile v. pc). I find the Webalys PSD's pretty useful, and they have the added advantage that they're free. Axure is another common recommendation. If you're creating realistic mockups, why not just use good old HTML, CSS and JS? Mockups are useful as a rough tool to understand interaction, and for that high ...


4

I am thinking gamification. It is sooo trendy now. But the real fact is you could read something like Gamification by design, chapter 2: Player Motivation, and will probably find more than one pattern that could fit your need. It basically boils down to define the player types (end-user and lawyer), identify their motivations and developing mechanics that ...


4

Unfortunately, there's no one answer. There are a lot of human factors outside of your control that have a large influence: Does your user need corrective lenses, and are they wearing them? Anyone not wearing their glasses - or who needs them but doesn't know it yet - will favour a larger font. Are they wearing progressive lenses - and are they holding ...


4

I am going to go with approach C. The reason being while Inline labels are great for saving space and serve the purpose of informing the user as well,they have a very distinctive disadvantage that the text disappears when the user selects the field and if the user does not know what the field stands for he might get confused and would have to clear the ...


4

This might be a little unconventional, and there isn't a single place to see everything put together that I know of, but check out some of the following: Actual financial, analytics, and complex applications. Try things like Google Analytics, Kiss Metrics, Mint, Freshbooks, Quickbooks, Yahoo and Google Finance, Klout, Photoshop, Gimp, Inkscape, Blender, ...


4

I feel your pain. My career has been entirely in enterprise web app design. I scour the same wonderful sources of knowledge and inspiration out there and have found this kind of work totally underrepresented. Three reasons why come to mind: This type of work is unglamorous and overlooked. Design is often a lower priority compared to the engineering in ...



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