A web app(lication) uses technologies such as javascript, CSS, and HTML5 and is executed in a web browser.
6
votes
2answers
645 views
Guidelines for when to auto-save settings vs “save” button
In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
6
votes
4answers
215 views
Automatically redirecting to mobile app from home page?
We have an iPhone app that is our main focus. We have an informational website (3 pages). And we just created a mobile web version of the iPhone app for Android and other smartphone users. Our debate ...
6
votes
3answers
424 views
Breadcrumb or tabbed form or best of both?
We have a web application that allows users to query a database.
The results are returned in a breadcrumb style interface.
We brought this change in at a new version, and our users have been ...
6
votes
3answers
139 views
How often is too often to do focus groups while designing a web app?
I'm trying to come up with a strategy for putting together focus groups while designing a web application, but I'm starting to wonder how often is too often to do focus groups? In my mind, they would ...
6
votes
4answers
2k views
Best Web UI for Large Amounts of Data Input
I'm looking for a good solution when users need to enter large amounts of data into a web application.
Example
A store owner wants to enter 30-40
new products into the system every
month. The ...
6
votes
4answers
121 views
Navigating backwards in Miller Columns
I've got a set of Miller Columns on a web application that could be wider than the page width. So this means the first level of the hierarchy might not be visible anymore. What's the most effective ...
6
votes
1answer
269 views
How to properly layout multiple interactive controls using best UX pattern?
I'm working to redesign an existing page that generates reports, based on user selections. Currently, this is a rough draft of the page layout:
The user must always begin at 1 and that selection ...
6
votes
2answers
131 views
Best usability: visual presets or simple action?
I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
6
votes
2answers
421 views
Best way to show “select all” in paginated table with some of the “all” not shown on the screen
A user can conduct a search in a grid that has pagination (i.e. over 25 rows is shown on next page). If the search returns more than 26 results and allows a "select all" checkbox, what's the best way ...
6
votes
1answer
164 views
Alert window, navigating to the right button
Working on both Windows and OSX, I have some habits on both.
In alert dialogs, there is a huge usability variance between both operating systems.
In the latter, you can either tap enter and have the ...
5
votes
4answers
198 views
Adding a state to a control that indicates a row hasn't been saved yet
I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed.
Currently, the system ...
5
votes
7answers
249 views
Show 6 share buttons vs one button that opens tooltip with 6 share buttons
I have a web application that hosts some user content, say tutorials.
I'd want to give users opportunity to share this content using social network buttons like Facebook Like/Share, Twitter, Reddit, ...
5
votes
8answers
526 views
What are some good examples of well-illustrated web apps? [closed]
Sites out there like Vimeo and CarWoo do a really good job of incorporating illustrations as primary design elements. Are there any others out there that you like?
5
votes
5answers
265 views
What is the best method to undo an action?
Imagine for the sake of simplicity I have a web app to-do list, where each item is a line and has a check mark near it. When the user clicks the check mark, the task is then "done" and the line fades ...
5
votes
3answers
478 views
Why is the new Twitter menu bar on the bottom on iPhone?
Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms.
But, because of this goal I couldn't help noticing ...
5
votes
4answers
209 views
What reasons are there to not break a web applications default scrolling mechanism?
on the project I am working on, they want the web application to have the header, sidebar and footer remain fixed in the browser. So only the content area will scroll. I don't think this is a good ...
5
votes
6answers
164 views
Should tabs changes in a web app be part of the browser history?
I've implemented a JavaScript plugin that tracks tab changes in through the browser history. Here's a brief overview of how it works:
Once tab is clicked, the URL hashtag (the part that looks like ...
5
votes
3answers
132 views
What to display in mobile app web view when the URL won't load
I'm creating an app whose UI is simply a web browser that loads a URL. Let's not argue about why I'm implementing it this way (I already tried that with the higher-ups). It can still do the background ...
5
votes
4answers
215 views
Why use paper prototyping, besides saving time?
When creating a web application prototype, I find it's pretty easy for me to put together a fast prototype. What are the advantages to using a paper prototype instead (or before that)?
This video ...
5
votes
2answers
213 views
Total redesign for already established app?
Usability is not excellent, and stylesheets are inconsistent. What's the best way to deal with this ?
5
votes
3answers
898 views
How to show password reset option
In my website I put password recovery option hidden. I know there are two options to deal with it.
Classical way, Show it as the next sentence to the register link. Example, "Want to try? Sign up ...
5
votes
2answers
329 views
What image and message use in the “Not found” page (404 error page) [closed]
I've seen the robot of Google, the creature that has Github. I think that is question of imagination and what kind of data manages your web app to design a custom image and the message to show to the ...
5
votes
2answers
149 views
Measurement to use when designing for desktop and mobile
I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
5
votes
4answers
152 views
Does it make sense to show a referrer-specific greeting to users?
There's a jQuery plugin that displays specific greetings to users based on the location they reached the current URL from. If they found it through Google, it would show a greeting that mentions ...
5
votes
5answers
691 views
Form - time input
I saw a few posts about dates and what not. I was wondering what the best solution would be to get time. It needs to be an exact time and it would be nice to support both time formats.
Should i just ...
5
votes
2answers
364 views
Natural UI: Best way to show a time range and interact with it
I have a time range filter (for a web app, desktop and mobile) that looks like this:
In this case, time is not relative to the user in terms of number of days (7 days ago), but it respects the ...
5
votes
4answers
237 views
When are shadowless icons preferred over shadowed icons?
My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version.
By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon.
I ...
5
votes
4answers
907 views
I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]
Kind of a discussion based question, but bare with me anyway.
I am working on a web app that provides reporting. It makes reporting fun, honest!
I am struggling to design the Welcome page. It's a ...
5
votes
5answers
198 views
Proportion of resources devoted to UX Design & Research vs. Software Development on a web app?
First, some criteria:
The product is an application and is heavy on user interaction. Think web 2.0 or mobile application, not a marketing or commerce site, or some back-end tool with only ...
5
votes
1answer
147 views
Are web sites designed with anchors (instead of individual pages), trending because of 960 grids? or is there a different concept at play?
I quite like the minimalism that a long page design provides for a landing page. By keeping everything simple and providing more focus on a core product. I just haven't been able to find many examples ...
5
votes
4answers
291 views
Best possible way to test a Web app or Website?
I am assigned to test a new web app that my company has to release in few weeks. Though through continuous testing and forking I indeed found some bugs. But I want to make my testing more foolproof.
...
5
votes
1answer
227 views
What are some best practices for displaying an “unsupported browser”-warning in a web app?
We're building a web app, and the technology we're using will only allow users with relatively modern browsers (IE8 and up, plus most versions of other browsers) to even log in. We want to show an ...
5
votes
1answer
220 views
What are some best practices for displaying lists of items having many attributes, but no natural identifier?
I have a database of full of items with nondescript names like "X0001", "X0002", etc. where each item has ~30 features which are usually strings of ~10 characters, but could be ranges or 50 ...
5
votes
1answer
129 views
When given the choice on a website; are people more likely to download the app or keep using the browser?
When you go to Zappos.com on an iOS device you're greeted with a splash screen saying "We made an App!" and it gives you the choice to "Download Now" or "No Thanks, I'll just use the browser."
I was ...
5
votes
2answers
224 views
How should I get location information in a website or mobile device?
I've created a website that stores location information for certain places: for example, basketball courts.
I'm looking for a way to allow users to add location information (to the exact GPS ...
5
votes
3answers
277 views
Why doesn't YouTube append the video title to the video URL?
How come YouTube doesn't append the video title to the video URL?
I know they are owned by Google so good SEO isn't exactly necessary, but from a user experience stand point it makes much more sense. ...
5
votes
1answer
885 views
Is the left or right side of the screen “more clickable”?
I'm in the second year of fine-tuning a homebrew CMS, and I've been going with this theory (which I imagined) that it's best to have interactive elements like submit buttons, back buttons, and links ...
4
votes
6answers
493 views
Best way to let user select one of 100 values?
In our app we have a page that allows users to select an account type and there are 100 different ones. It's basically a word + number, something along the lines of the number of users you want to ...
4
votes
5answers
543 views
Traffic light like indicator for color-blind users?
We want to implement an indicator to display 'good' 'average' or 'bad'.
So someone came up with a traffic light image.
(green circle for 'good' yellow circle for 'average' and a red circle for 'bad')
...
4
votes
5answers
566 views
Should I allow users to edit replies in a ticketing system?
I'm making a ticket system, and on each ticket users and employees can add replies. I'm just wondering, would it be a good idea to allow users to edit replies?
A lot of web apps/websites allow users ...
4
votes
4answers
254 views
Would you consider this a button? [closed]
I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation).
The first ...
4
votes
4answers
197 views
What makes sense to designers HiDPI, @2x, or Retina?
I'm designing a web application for web designers and I'm having some trouble with semantics. I'm trying to figure out whether the word "HiDPI", "@2x", or "Retina" best describes the secondary image a ...
4
votes
4answers
140 views
Is there something like 'chronological breadcrumbs'?
The MoinMoin wiki engine has a UI element I would like to add to my web application. It looks very similar to breadcrumbs, but it behaves in a different way. According to UI Patterns,
Breadcrumbs ...
4
votes
6answers
2k views
Should we always make every Link/Button atleast 44X44 size in Mobile site, According to iOS Human Interface Guidelines?
According to iOS Human Interface Guidelines
The comfortable minimum size of tappable UI elements is 44 x 44
points.
Should we follow this rule for Every link on Mobile Website for better ...
4
votes
5answers
459 views
CMS interfaces: forms based vs click and change?
In regard to CMS interfaces I would say we could split them in 2 main branches [*1]:
the ones with a control panel, where you go and usually see a list of pages (blog articles/ecommerce products), ...
4
votes
3answers
227 views
Models of user interaction when dealing with selections from a looong list?
I'm a programmer working on a web project.
We need the user to select one item from a given list of universities. It's a list of 100+ elements, and the frontend is XHTML/css/js.
Here are the options ...
4
votes
7answers
778 views
What icon could be used to mean 'notifications'? [closed]
As part of a web-based application, we have a toolbar at the top of the page. The toolbar contains buttons that consist of small (30x30) icons with a single word underneath (for example, a search ...
4
votes
3answers
232 views
What unicode symbol should I use for EDIT?
I'm trying to keep a very light payload on a wordpress plugin I'm writing.
Users will be able to:
add - +
refresh - ⟳
edit
I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
4
votes
3answers
1k views
Is a drag and drop UI usable for organizing/categorizing items?
I am creating a UI where a user can manage users by creating a group, and then dragging and dropping them to fill the groups as they would like. One problem I am faced with is that the complexity of ...
4
votes
3answers
78 views
When to use 2 accounts (buyers and sellers) and when to combine them into 1 account?
I'm struggling with the idea of either making separate buyer and seller accounts for a marketplace I'm creating, OR to combine the accounts.
The main hurdle in my mind is the rarity that in this ...
