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)

7
votes
3answers
509 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
4
votes
1answer
242 views

Which implementation for a dynamic hierarchy tree will show as much info as possible while still allow seeing the changes made in the background?

I'm in the middle of building a search engine website for a specific corpus. We've already implemented most of the menus and the structure of the website. recently we got some feedback that forced us ...
0
votes
1answer
185 views

Designing a text-based logo for a news site. Any “advices” ? [closed]

This is my first question here, so excuse me if it's off topic. I am creating a news aggregation website that will cover all national news from all sorts of topics. And because I am no designer and ...
2
votes
1answer
100 views

Floating animated message vs. confirmation message. When to use each?

Some pre-clarifications: By floating animated messages I mean the Firefox style messages usually appearing bottom right of the window, for example, when a file downloaded successfully. By ...
1
vote
1answer
149 views

How to represent this app trick? [closed]

I have designed an Android app for love calculator, but I have given two radio buttons on the upper left and right corner : These radio buttons don't have any labels because they are used to ...
0
votes
1answer
158 views

Android UX: Smart to use consistent design pattern?

I'm developing an app for Android and was wondering on a basic design decision. I have three screens. Two of these use the sliding layer design pattern: However, the main menu screen uses a ...
1
vote
1answer
126 views

What is the most intuitive way to allow users to convert tags to grid columns?

In my desktop application the users can add tags to files. I would like to provide a way to display certain tags as columns in the grid: I have a few ideas how to let users convert tags to columns, ...
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
272 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
841 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
72 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
77 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
226 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
215 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
208 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
72 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
206 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
565 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
363 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
232 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
135 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
669 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
145 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
650 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
808 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
280 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
293 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
314 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
161 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
236 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
206 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
222 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
733 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
249 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
443 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
257 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
192 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
1k 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
179 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
170 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 ...