Graphical User Interface design (GUI-design for short) refers to the visual aspect of designing computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Generally refers to digital rather than physical ...

learn more… | top users | synonyms (1)

4
votes
2answers
2k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
15
votes
6answers
1k views

The use of tabs

I am working on redoing a clients application, which needs to be done for other reason, but one of the changes is to remove tabs. The application is, in essence, fronting data records, very basic. ...
-1
votes
1answer
183 views

Where can I find information about the effects of GUIs

I need resources for information on the effects of the creation of GUIs for PCs. When I started looking up information on GUIs, but I mostly found the computers that first started using GUIs, the ...
2
votes
3answers
617 views

What color should the “Add new” button be?

I am uncertain if the "add new" button is a "positive" action and should be colored green. Or a neutral action and colored blue. What is the best practice for this?
0
votes
2answers
470 views

Best Practices on UI Architectures

I wanted know some of the recommended best practices for UI Architectures. Also How important is to understand browser architecture and web server architecture from UX point of view.
9
votes
6answers
1k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
4
votes
5answers
239 views

How to design a Win 7-like dialog for choosing One of N options without a confirm button?

The Copy file dialog of Win 7 constitutes an approach to presenting One of N options choices to users. This dialog, however, has been accused of being too hard to scan, and lacking click affordance. ...
4
votes
6answers
526 views

In mobile website when we use “Back” button then should it be always the titled as “Back”?

If we use Back button in website inner pages should we always use the text Back all the time or we should use the title of the last page. But title of last page can be longer than Back For example ...
198
votes
15answers
26k views

Are carousels effective?

Go to just about any eCommerce site and the homepage is nearly guaranteed to feature a carousel - an auto-rotating panel, usually with some sort of small navigation, usually highlighting new product ...
5
votes
2answers
656 views

What affords scrolling?

Besides the obvious: Scrollbar Touch interfaces (especially mobile ones) A sign saying "You can scroll here you know!" This for a desktop application.
2
votes
2answers
95 views

Advice on ordering horizontal lists of commands

I have a set up like this with a title and then several buttons/links to perform actions: TITLE delete preview share stats publish All else considered equal, I'm trying to consider how to ...
7
votes
2answers
286 views

Is it good or bad for user to give a feel and look of native apps to Website for mobile?

Is it good or bad for user to give a feel and look of native apps to Website for mobile? Transition effects on page change Fixed floating footer or header Hide address bar Native app like UI or ...
1
vote
3answers
279 views

An intuitive way to present a Login interface

I'm designing a windowed application. When the application starts up the user needs to be presented with a Login interface. The initial (and minimum) window size is 800x600. A header of height 42 ...
4
votes
2answers
618 views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
19
votes
7answers
982 views

Solving the “accidental confirm” problem with dialog boxes

The scenario is all too common: An application brings up a dialog box while you are typing, and you hit the space key before you even realize what's happening. The dialog is gone and you have no clue ...
4
votes
2answers
329 views

Which of the two is the best UI approach for a tablet app destined for reading?

I am in the process of prototyping an application for delivering news content. Our first platform will be the iPad (along with web) but other tablets will follow. Decomposing the application into ...
9
votes
1answer
404 views

Is there any research on whether users understand ellipses (…)?

This GUI design pattern goes right back to the Apple Lisa in the early 80s: Is there any research covering: Whether people actually notice the three dots (...) at the end of a menu item or ...
5
votes
5answers
262 views

Triaging UI improvements, where to start?

I have been hired to redesign an auction website (which I cannot disclose), the usability, design, even the code beauty is pretty disastrous. The trouble is, the site is already active and my client ...
0
votes
1answer
142 views

How to convey the message of 'organising the cloud' to users?

https://datkey.com is a service we are launching in the near future and I got great input from my prior request so hope a new page connects with users better. Any tips on how to convey to users the ...
4
votes
4answers
219 views

What to pay attention to when designing a completely new service from scratch for the first time?

I a novice UX designer and my current assignment so far has been designing UIs for the "version 2" of existing services - which means I use data points for improvements of existing UI which I gather ...
2
votes
3answers
550 views

What are the good UI/UX elements of a web bug tracker

What are the good UI/UX elements of a web bug tracker? Does anybody have an example of good web bug tracking UI or elements of good UX design of a bug tracker?
1
vote
2answers
534 views

Examples for good Frequent Flyer / Loyalty Program pages [closed]

I'm looking for good Frequent Flyer / Loyalty / Rewards program pages. I'm talking about the "My Account" pages displaying current status and how long till we reach the next "level". (You know, ...
4
votes
4answers
384 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
4
votes
1answer
603 views

Better way to implement a dynamic hierarchy

Just a bit of a background, I write business apps and have never been concerned with user experience. If the application works then that's what is shipped. I have been starting to change my thinking ...
4
votes
6answers
631 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
4
votes
1answer
364 views

Is there a resource for MMORPG trading interfaces?

I’m searching for some documentation/training/resource on MMORPG trading UIs (marketplace, auctions, changing items etc.). Is there any detailed documentation in this topic somewhere? ps. Google is ...
9
votes
3answers
714 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
1
vote
5answers
174 views

How could I handle product returns through this interface?

I have a dialog where users allocate product on an order to various available lots of product. So basically if there are 100 units on a line item of an order, the user would have to allocate this ...
36
votes
2answers
7k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
1
vote
4answers
249 views

How do I quickly convey the concept of organising the cloud using images?

I am working on https://datkey.com, and the UI design and UX aren't working out. How do I build a good quick set of images for a simple splash page or convey quickly to the users the concept of ...
6
votes
4answers
1k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
11
votes
3answers
1k views

UI / UX Review Site? [closed]

I stumbled upon a UI/UX review site some time ago, but cannot seem to put my finger on it again. Could someone please advise if you are aware of what this site may be? I have a few designs I'd like ...
15
votes
11answers
9k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
3
votes
2answers
487 views

When is it appropriate to use fading animated messages for feedback and notification.

To clarify: these are messages (text or symbols) that appear right at the point of interaction, and then float away and fade out. You see this kind of animation when adding people to your Circle in ...
12
votes
2answers
2k views

Fixing UI Antipattern “multiple menu levels”

My brain seems to be pre-programmed to make administrative UI's look like the mockups below. In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
13
votes
1answer
1k views

How do I improve my visual design skills?

I am a novice UX designer and I am fairly comfortable with information architecture, interaction design, and creating mockups (low, med., and high). But when it comes to creating the actual UI, I have ...
4
votes
3answers
1k views

Vertical & Horizontal Scrollable UI

I am creating a UI that will allow users to search. The search results are displayed in a section that is scrollable both horizontally and vertically. This is weird because the web page will end up ...
6
votes
2answers
670 views

What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?

As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
3
votes
1answer
817 views

Are iPhone / mobile type toggle switches actually usable on the web?

Are iPhone / mobile type toggle switches actually usable on the web, to replace a yes / no radio button option? Will the change in normal user experience make it harder for the user to decide what ...
95
votes
9answers
11k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. ...
0
votes
1answer
182 views

How to show correspondence between two lists referring to the same data?

I am currently working on a desktop application handling photos. One of the screens we have is a view where you can see a list of albums sorted by date to the left, and when clicking on an album, a ...
26
votes
5answers
26k views

Best Practices for UI design on Android (Usability/UX) [closed]

I'm switching for web development to Android development. I know some things about web usability and I see that UX is too often left behind on Android from my I experience with it. As the interaction ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
6
votes
4answers
975 views

Is there a well known ASCII character meaning “edit”?

When working with a UI that relies more on text than on icons it's common to find + to mean Add, - to mean Delete/Remove and X for Close (or also Delete/Remove). But is there a common character ...
5
votes
4answers
2k 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 ...
2
votes
2answers
169 views

With straighten, do we really need rotate?

Related to Combining rotation and straightening of images. Rotate: Grab a corner, drag it to its new location, rest of image follows. Straighten: Either click-drag-drop a line on a horizon, or click ...
1
vote
4answers
327 views

Should I use a Dashboard for a mobile website

Should I use a Dashboard, in the style of an app, for the mobile version of a website? Is it considered a good or bad practice? There is some images associated with the news feed on the home pages of ...
1
vote
2answers
110 views

Combining rotation and straightening of images

Topic may seem weird as the two terms seem to mean the same. Clarification: Rotation: The typical way of grabbing a corner and pulling in the direction you want the image to rotate. Straightening: ...
8
votes
4answers
434 views

Making changes to existing products

I keep coming across this situation and was hoping someone would have more information on this: We have an existing product and I have been requested to "make something work better", so I start by ...
3
votes
4answers
544 views

Using a joystick on screen

I recently got a request to design a UI that features a joystick as one of the critical UI elements. It's not for a touchscreen or handheld; the app will run on a standard desktop. This means this ...