A web app(lication) uses technologies such as javascript, CSS, and HTML5 and is executed in a web browser.
13
votes
6answers
1k views
Blinking, bouncing and flashing elements
I'm responsible for the UI/UX in a software development company.
During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
10
votes
4answers
1k views
HTML buttons vs hyperlinks for navigation
When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation?
I see many time with the heavy usage of jQuery and AJAX, ...
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 ...
59
votes
31answers
4k views
Common web app usability gotchas? [closed]
What are some common mistakes regarding usability for web applications?
41
votes
15answers
4k views
What are some great web-based prototyping tools? [closed]
I'm looking for a list of web-based prototyping tools and I'd like to build one up here by using StackExchange's democratic voting system.
There are already some lists around the web, notably these ...
10
votes
4answers
499 views
Should the search box be on the left or the right side
In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision?
In ...
10
votes
6answers
874 views
User Profile, My Account, or just Settings?
I am writing a little webapp, and am stuck on a UI hangup. I have a global menu bar at the top of the screen, that when the user is signed in consists of:
Signed in as Joe User (with username as ...
8
votes
2answers
1k views
Underscores vs. hyphens in URLs
I'm trying to come up with a page-naming convention so that each page in a web application I'm developing has the human-friendliest URL possible. The current URL structure of the web application is:
...
5
votes
3answers
900 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 ...
11
votes
4answers
717 views
Right-Click menu awareness on Web Application
The web application I am building has a custom right-click menu. I'm concerned that the user might not find this menu as normally right-clicking will only display the default browser's menu. Is there ...
8
votes
5answers
490 views
Most intuitive way to offer manual sorting?
all. I'm designing an online form builder (think Forms in Google Docs / Spreadsheets). The functionality is complete, but I'm not happy with the sorting capabilities. Everyone that I have done ...
6
votes
2answers
647 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 ...
3
votes
3answers
845 views
What are innovative, new ways to design Master/Child relationships on a page?
I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
2
votes
2answers
187 views
Is it better to have more than one way to navigate to functionality or only one way?
We are building a web app in Silverlight and currently have more than one way to navigate to the same functionality. I.e. there is more than one button/link on the page that does exactly the same ...
0
votes
3answers
582 views
Which is the best design practice for edit data in RIA?
Which is the best design practice for edit data in RIA, for example in Flex or Silverlight?
I would like to show customer's details, but there will be an edit window, than the datas of customer will ...
17
votes
5answers
301 views
Phased re-designs
I have worked on several projects(line of business web applications) in my career that involved a complete UI overhaul. Most of these projects were enterprise web applications that took a substantial ...
14
votes
2answers
784 views
Any data available on using Skeuomorphic Design in apps?
I've recently come across an article about Skeuomorphism that peaked my curiosity.
Skeuomorphism: ..."an element of design or structure that serves little or no purpose in the artifact fashioned ...
7
votes
6answers
463 views
Is the “Help” feature really helping?
Almost all apps/sites have a feature 'help' regardless of type and subject of the app/site. I have rarely seen people using the same for their benefit. I would want to know if it's worth putting the ...
32
votes
14answers
3k views
Should double click be avoided in web applications?
I find that double click is a great gesture that could be successfully used in graphical interfaces but for some reason has negative connotation on the web. Should it be avoided at all costs?
13
votes
3answers
509 views
Which is a good method for delete without confirmation?
I have read around a few places that confirmation messages are not the best way to go about warning users, it's best to let them do whatever they want but give them the option to go back. I thought ...
7
votes
1answer
567 views
Case studies on using gradients in a design
Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners.
Specifically, I'd like to know:
Is there a ...
3
votes
2answers
159 views
What do you think about the results of 3M Visual Attention Service's Web App?
First of all if you haven't heard of this service here's the link:
https://vas.3m.com/
This online app generates heatmaps:
you get 5 credits free at first, with which you can analyze the pictures ...
12
votes
4answers
3k views
What are the advantages and disadvantages of multi-window functionality vs single-window functionality?
I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
11
votes
6answers
380 views
Should new users be offered a different interface than existing customers?
I'm considering using progressive disclosure techniques to introduce new users to our product, presenting features and tasks in a timely manner until they have used the product a few times.
Once the ...
10
votes
1answer
763 views
How do I make a table row on a web page look draggable?
I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
9
votes
3answers
213 views
Identify different types of clickable shapes?
We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes:
Link to another flow chart.
Link to an external ...
7
votes
4answers
624 views
Should a search page have a clear button?
Its probably a very subjective question, but here it goes....We're building a website that will provide basic and advanced search criteria. The advanced search criteria will be upto 50 fields, ...
7
votes
5answers
2k views
A cross between a DropDownList and AutoComplete Text Box
I am trying to come up with an web interface that allows the addition of an item to a list. For simplicity I'll use an example of a list of names which, when selected will be assigned to a club/group. ...
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 ...
3
votes
3answers
332 views
“Modernizing” legacy applications and legacy users
I'm tasked with modernizing many older UNIX based applications to new, web-based applications. The UNIX applications are completely keyboard-based (ie. "04" to select the fourth application, "Enter" ...
3
votes
1answer
291 views
UI for Access Control List (ACL)
I am trying to come up with a UI for controlling Resource based Access Control Lists (RBAC) in web application.
So far I would go with this approach:
I have a Searchbox with suggestion support. ...
2
votes
1answer
198 views
Layout of dismissable event notifications
I'm building an event notification system for a PC browser. The events queue up on screen on top of each other, until you "acknowledge" or "dismiss" them.
The information I need to display is:
Ok ...
2
votes
4answers
390 views
What UX metrics can I get from a web application?
I think of Google Analytics as a tool that I can incorporate in my web application to get more information about my UI and UX in general. This is in addition to user testing and other tools, but I'm ...
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 ...
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. ...
3
votes
6answers
480 views
How to create bands of number ranges for a field?
I have a field in a system called "Score" which ranges from an undetermined negative number to an undetermined positive number. I am trying to figure out a UI for the user to create "bands" of ...
2
votes
2answers
249 views
Default choice for a “leave without saving changes”-dialog
I have an existing design (web application) where users can edit small parts in a webpage. A small editor will open up with the editable fields and three buttons: [Cancel & Close] [Clear] and ...
1
vote
0answers
57 views
How can branches of a query language be added dynamically in a browser? [closed]
Our group developed a stream-oriented NetFlow query language, called NFQL.
Given that it can have multiple filtering/grouping stages and a number of branches, defining a query in a text file can ...
