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)

3
votes
3answers
2k views

Responsive web design technique in desktop application?

What do you think about using responsive web design techniques in a desktop application? We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
1
vote
2answers
223 views

How to Intuitively build a Checklist

I am developing an application where users are required to build and execute checklists. The concept is easy and the code not hard but I am struggling to find an intuitive mechanism for them to do ...
4
votes
2answers
997 views

Right amount of padding between buttons in a mobile app

I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
3
votes
1answer
4k views

Most Common Screen Size used to play facebook games?

I am developing a facebook game. this game is written in php/Jquery/CSS. Up until recently, facebook games have been display in an iframe that was 720px wide. But recently, they gave the option to ...
5
votes
2answers
341 views

How to best embed a search-as-you-type feature into an input field?

In an intranet UI, when creating or editing a news post, the user is able to attach a file to the post. This is done by selecting the file which can be found through either: a file name search ...
5
votes
2answers
3k views

Crisp GUI Look and feel for developing applications like spotify

Am wondering if anyone has any recommendations on what GUI library can be used for developing cross platform applications such as Spotify. I have a feeling Qt-Quick might be the best answer but am not ...
7
votes
5answers
831 views

Displaying information in a dashboard: Advice or references

I have to design a dashboard for managers who need to report to their managers on their areas of responsibility. In the past I have just put counts and line charts over time of what they are ...
3
votes
3answers
318 views

What do you call the customizable boxes like in my.yahoo.com?

If you haven't seen my.yahoo.com, see this screenshot I can customize my page, by adding more boxes, removing or rearranging them (I can rearrange using drag and drop, something like WYSIWYG), or ...
5
votes
2answers
3k 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
188 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
804 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
491 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
2k 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
262 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
538 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 ...
233
votes
15answers
32k 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
789 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
100 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
306 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
287 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
669 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
1k 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
346 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 ...
10
votes
1answer
453 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
266 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
145 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
224 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
631 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
577 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
422 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
644 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
671 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
410 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 ...
13
votes
4answers
866 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
177 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 ...
43
votes
2answers
11k 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
256 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
3answers
2k 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
2k 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 ...
20
votes
13answers
12k 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?
4
votes
2answers
550 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
3k 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 ...
14
votes
1answer
2k 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
2k 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
717 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
896 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 ...
100
votes
9answers
12k 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. ...
1
vote
3answers
215 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 ...
29
votes
5answers
32k 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 ...