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)

2
votes
1answer
196 views

Many questions, pick as many as you'd like to answer

My current UX challenge: List of < 10 questions that can be answered Only one question answered at a time Once answered, answer is displayed (and potentially editable) No requirement as to which ...
1
vote
2answers
269 views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
0
votes
1answer
73 views

Displaying links to Privacy Policy and terms of Use on App

I'm creating a mobile app (for iPhone) for a product which has a website right now. The website Log In/sign up page consists of links to the Terms of Use, Privacy Policy, FAQ, consent Policy, Contact ...
3
votes
2answers
817 views

Are UML class diagrams necessary for designing UIs?

I want to design UI prototypes and wireframes, based on Use case diagrams, activity diagrams and sequence diagrams to represents the flow and process relation. Is it necessary to include the class ...
2
votes
1answer
70 views

With respect to creating circles, what are the pros and cons of the following methods? [closed]

I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that ...
0
votes
4answers
76 views

Differentiating login signposting for business and non business users

I'm building a social media endorsement platform that needs involvement from both business and non-business users. We've had some problems with the registration process on the business user side, ...
-2
votes
2answers
90 views

Where can I find broad White Papers on Usability Experiments

For example studies on what makes for the most effective shopping cart, how people prefer to view photos in their browsers and on their phone, what people appreciate in a search engine, whether left ...
2
votes
2answers
222 views

Appropriate UI Design for Crossing Matrix

i'm programming in php, javascript. This isn't a programming question but rather User Interface/Experience one. suppose i want to create a crossing matrix for dog breeds. I initially created a table ...
12
votes
1answer
212 views

“back” for RTL, mandarin and other languages

As you might have seen it a lot of times in web apps, one step back in history often is aligned by an arrow to the left. How does this work for people using RTL languages? Do they need an arrow ...
1
vote
1answer
204 views

Nested titles for grouping inline editable ordered lists

Overview The following image provides background information for this UX problem I've encountered: download bmml source – Wireframes created with Balsamiq Mockups The above image shows ...
0
votes
1answer
71 views

Why does iTunes Smart Playlist dialog start with a checkbox?

Unchecking the checkbox disables the logic argument builder and the OK button. I have a similar component I'm working on, and I for the life of me cannot suss out why Apple made "Match the following ...
0
votes
1answer
126 views

Reload indicator

I've built an application where sometimes views fetch data after a specific time. What would be a good indicator for how long it takes until the view will update its data again? I came up with an arc ...
0
votes
2answers
205 views

How to show activity in a UI

I have an application that creates a log file of user activity such as connections, disconnections, queries, submissions, locks, etc. The log file records when each activity begins and ends. Multiple ...
7
votes
3answers
547 views

Where can I find a list of names for mobile ui components?

Long ago when I was just a lad, I sat in my Votech computer programming class and learned Visual Basic. Visual Basic proved a wonderful primer for learning about UI components and their names. I ...
4
votes
1answer
359 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
2
votes
1answer
231 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
1
vote
1answer
65 views

What would be the best format for adding a 'Difficulty Level' selection to the following settings page?

I have a settings page (see screenshot). I want to add a selection of 'Difficulty Level' to it. A drop down or check box(which allows for only one to be selected) or radio button would be fine. The ...
1
vote
2answers
134 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
19
votes
5answers
650 views

Does tablet size affect which orientation users use?

Recently I was told by a developer that most 7 inch tablet users will, if given the choice (i.e the app supports both orientations), use the tablet in a portrait orientation and that a user with a 10 ...
1
vote
1answer
132 views

Where / how is the best way / location to display a menu under a menu

Upon login I have a menu with options and underneath it another menu ("what to do with those") What will be the best practice in this scenario to display this menu and buttons from a UI perspective? ...
1
vote
2answers
142 views

Simple implementation for search operators (Begins with, Contains, = etc.)

Wanted to get your input on different methods for implementing these sort of operators for search fields. I've seen it done mostly by adding an extra dropdown option before each field with these ...
15
votes
5answers
646 views

Emerging UI trend: comments in the margin - pros and cons?

Context: Irrespective of threaded-vs-unthreaded comments, I've noticed that a few sites have started to experiment with comments in the margin (as compared to comments above or below content in a ...
1
vote
3answers
44 views

Communicating optional, non-exclusive paths through a registration process

We're currently designing a checkout process for course registration at a University. One step of the process is to check the student has the required prerequisite courses in their academic history. ...
10
votes
5answers
803 views

What symbols should be used for YES and NO when the user can't read?

This is a non trivial problem, as demonstrated by this blog entry. There are problems with all the obvious options: Check and X : we're already using that as "correct" and "incorrect" Thumbs ...
17
votes
7answers
4k views

Hamburger menu icons - should they be on the left or right?

Hamburger menus (the three small horizontal bars: the new menu icon). Should they be on the right or left? I'm only thinking of mobile and tablet applications. The pattern I see the most is on the ...
2
votes
3answers
279 views

When designing an interface, how many design alternatives do you create?

When I was in a graphic design class, an assignment we got was to create 50 different logo concepts and to avoid creating a single concept and iterating on it 50 number of times. This way you could ...
2
votes
1answer
290 views

Design patterns for hierarchical multiple selection

Given the hypothetical structure: Representing a group of items that can be classified as type A or B, and each subtype can be classified as type C or D, and within D can be classified type E or F. ...
3
votes
1answer
313 views

Best UI approach for a assigning tasks in a workflow to users

I'm working on a workflow-kinda application where a project leader is required to assign tasks in the project to users. Following are the key inputs to this requirement: The users are selected by ...
1
vote
1answer
159 views

How to indicate an item can be double clicked?

What is an effective way to indicate to a user that an item can be double clicked? The product I am working on allows users to drag icons with single click and open these items with a double click. ...
1
vote
1answer
210 views

In Final Fantasy games, why are your characters on the right hand side instead of the left hand side?

I found this history of Final Fantasy on reddit and it mentions about Final Fantasy 1: it was one of the first games to adopt the right vs. left fighting style. Other games in that genre had ...
3
votes
3answers
205 views

How to move from persona/scenario to wireframes?

Backstory Working on a large project rebuilding a complex web application that currently lags well behind the competitive offerings. Stakeholders are keen to go 'scorched earth' on the approach i.e. ...
4
votes
1answer
217 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
1
vote
3answers
185 views

Why don't operating systems reserve a fixed amount of resources for the GUI? [closed]

Personal computers today are usually hundreds of times faster, and have thousands of times more memory then the computers in the time when operating systems with graphical user interface started to ...
1
vote
2answers
713 views

Why doesn't Mac OS X use Pointing Hand Cursor instead of Arrow Cursor on Toolbars and Tabs?

I want to understand the rationale behind Apple's design decision of not using Pointing Hand Cursor on clickable areas such as Toolbars or Tabbars of applications' user interfaces, and even buttons. ...
2
votes
2answers
245 views

Is the indeterminate checkbox state a Microsoft UI pattern only?

A quick look through online search results show that the indeterminate checkbox state does not seem to be a very common UI interaction, yet Microsoft has persistently stuck with it and are probably ...
1
vote
4answers
434 views

Examples of hierarchy in data tables and their usability

Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
1
vote
1answer
92 views

How can Gmail-like “on-page” dialogs be improved to facilitate long form writing?

Caveat: I was inspired by this UX.SE question, and have reused an image from it. Recently, gmail has switched its "reply" function to use an "on-page-docked" window. Responses to this new UI have ...
1
vote
2answers
252 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
4
votes
2answers
186 views

Advanced search query builder on smart phone

I'm developing a Windows Phone 8 app where all the pages are in portrait orientation. I have the problem of designing/porting this kind of a GUI to smart phones: download bmml source – ...
0
votes
3answers
144 views

save, save as, load, reload buttons

I need to add those 4 buttons: Save (the current settings) Save as (a new setting files) Load (a new setting files) Reload (reset the settings to the last saved) I don't know how to graphically ...
2
votes
2answers
988 views

Where can I find some inspiration for mobile game user interfaces?

I'm trying to develop a game on a mobile platform and I'm having a lot of trouble developing a diablo-like equipment screen. I'm having trouble fitting all useful information on one dialog. ...
1
vote
2answers
176 views

How can this calendar widget use case be improved to be more intuitive for users?

I have to implement a calendar widget that triggers within a table. The use case I was given was the following: If the user clicks an empty cell, today's date gets populated. If the user clicks a ...
0
votes
1answer
167 views

Best suitable multiple select with optgroup UI element

My website has a drop-down list that displays all countries, grouped by continent. A user has to select all the countries he needs, as shown in the following figure: The main issue here is the user ...
3
votes
2answers
124 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
3
votes
0answers
441 views

Two state button guide - for non-UX designers [closed]

I have been reading way too many posts on toggle buttons, flips, switches and it seems like a clear guide to design an unambiguous button is needed, rather than just advice for people on how to fix ...
2
votes
2answers
141 views

How to handle multiple versions of same application with different set of features

Imagine you have two versions of the same web application. Lets call them v1 and v2. The use of the two versions is the same. V1 is an older version which is extremely flexible and customizable but ...
0
votes
2answers
96 views

Suggestions for how to consolidate multiple admin areas into one?

I have been given the task of consolidation multiple admin sections of an app into one. Each admin area is a large page which contains form elements. To achieve this I am considering the following ...
1
vote
6answers
279 views

Best way to present sections of information

I'm working on a form that will be used to collect pieces of information on a person. The information has two main sections, "identifying" information like name, DoB, etc. and the second section is ...
32
votes
8answers
6k views

What is the purpose of having a clock on the desktop?

It is common for a clock to be placed somewhere on the desktop - in Windows, it is on the taskbar. But why do designers do this? It makes sense on a phone, for example, but when on a computer, I ...
3
votes
1answer
126 views

Where should the «clear» button should be in a popover with multiple-choice drop-down list?

In a popover for a touch interface, I have to include a drop-down list where the user will find more than 500 multiple choices to select from. What would be the ideal position (and microcopy) of a ...