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
2answers
110 views

I'm writing an app for developers - should I use “proper” MiB, or just MB?

In short, the app I'm writing is a tool for accessing data stored in databases and backend systems. Part of this is displaying the size of any files stored there. Given this will (predominantly) be ...
2
votes
1answer
113 views

Is this clear enough for the user?

I am working on a program where many options have sub-options, and it is possible to have different values, or a 'master' value. Currently there is a checkbox dedicated to it, but I was planning to ...
2
votes
2answers
120 views

more details icon with or without labels?

i am working on the product details (PDP) page for ecommerce website , in the Information Section on the PDP (to the right of the main product image)for some information i need to add more details ...
1
vote
3answers
113 views

Selecting elements from a list box

I have a list box that with a lot of items as follows : I want to enable multiple selection on this list box and carry over the selected list items into a separate bucket : Now I want to find the ...
1
vote
2answers
126 views

Table Pagination

I have a standard table with around 1500 enteries as shown below : How do I capture the fact that I want to migrate on a particular page(for eg say page no.13) without having to click multiple times ...
0
votes
2answers
155 views

What's a good way to show an article has been read?

I have a news app & site. It's educational, so the idea to encourage users to read lots of items. What are good visual design markers to indicate an item is read? Things I can think of are... ...
1
vote
1answer
62 views

Design of multipurpose form

Im designing a multipurpose form. Im working on a Windows Application to manage team schedules. We got a a visual component to represent the events of each person in the team. Something like a ...
7
votes
2answers
566 views

Material Design guideline for Google Map's side pane?

Here is what happens when you click on an icon in an "old-style" Google map: You get an InfoWindow, and clicking "more info" opens a new tab with a google search of the icon's subject. Here is ...
5
votes
5answers
367 views

Is instantaneous response to user interaction always the best choice in a GUI?

I've noticed a hint of something in the most satisfying GUIs I've interacted with. I'm not sure if I'm imagining this, but sometimes I think there's a small (almost undetectable) delay between my ...
6
votes
5answers
326 views

In a form, is Switching between advanced to basic a good idea?

I have a web page/form which users have to fill in before clicking the 'proceed' button. Same old story I guess. It looks like this: report name: [...] report type: (*) PDF ( ) HTML ...
3
votes
6answers
590 views

How to explain that choice of UI library and framework should be made after the design of user experience

Pretext Most UI frameworks or libraries (that I know of) provide components and layouts in a declarative manner with the underlying implementation as a grid with hooks for extending the ...
0
votes
2answers
86 views

Is it a good idea to give different sizes of fonts in mobile site?

I am sorry for not being clear. This is about an article page content font size, yesterday I asked my dad to read the article from a website but he couldn't read it properly because of the small font ...
2
votes
2answers
366 views

Should dates be displayed with a time entry?

I'm working on a project where there are numerous time entries for a given a record. The times are stored in the database as timestamp, however for display and editing it's clutter to display the ...
321
votes
20answers
25k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
6
votes
3answers
214 views

Choices for users who don't read

I'm building a touch UI for a timesheet program. Requirements: 1) Record the start and end time of a break. 2) Determine if the user is leaving the work place for their break (for safety reasons ...
0
votes
0answers
28 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
1
vote
3answers
100 views

The visual order of list control and content, which should be shown above?

In many software, there is a list and a view panel. A user can select different items in a list to see different content in the view. For example, when you open Gmail, on the left you see a list of ...
6
votes
2answers
191 views

Best way to make many boolean selections

I'm making a tool that crops images at various sizes. Currently, I use checkboxes to show the different sizes, but this will grow unwieldy when I add more crop sizes. What's the best way to show all ...
0
votes
0answers
45 views

How I make a start screen, without a linear path, that let the user choose 3 items to act on?

A start screen of an app can present you with one choice, usually in the form of a menu, or a screen with big buttons (example: Smithsonian app) Or two, for example an action, and what you want to ...
0
votes
2answers
49 views

Ask user to input UTC timedifference

We are developing a new device, and we although we have an automatic time server that helps the device to set the time, timezone and time diference (UTC) automatically, for whatever reasons, some ...
0
votes
2answers
106 views

How to choose appropriate loading animation?

I am currently working on a project in which some screens require loading animation. Based on the information displayed after loading, I want to select the loading animation. There are several cases ...
17
votes
4answers
1k views

Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?

My work involves designing the interface for quizzes taken by college students. When designing for quizzes, what would be the easiest arrangement to read for my users: horizontal, "square", or ...
5
votes
3answers
304 views

Designing a table with multiple “primary” rows

I'm trying to design an input table with more than 1 "primary" (so to say) row. What I'm trying to design is complex, so I'll describe it with a real world example. Let's say I want to create an UI ...
1
vote
2answers
155 views

How to make user realise the Drag Drop functionality

I searched a lot but I did not get any solution. Brief Description I have a website which has some elements which are clickable and rest works on drag and drop funcionality. Everything works ...
34
votes
10answers
6k views

Good reasons to use bad UI

When should we make a conscious decision to retain poor UI, even if temporarily? Not because of budget or time constraints but because of what I call the QWERTY paradox. In short, the QWERTY paradox ...
2
votes
2answers
655 views

Using card UI where should a set of actions go? (Share, details, info)

I'm using card UI for a project and while some cards maybe we in a row or a column many make up a grid. The issue is some cards have one action like "share" while others have 2 or 3 actions. I want a ...
0
votes
1answer
47 views

How would I display a numeric component stacked with other components without looking likes its out of place?

We have multiple component types which stack on a form, the majority of components look OK (there is a lot of wasted space on most..). Currently its looks something like this: Once there are ...
1
vote
1answer
39 views

Automated/smart checkouts - should there be a limit?

I am currently redesigning the UX of an online checkout. I know there are possibilities to automate a fair bit of form filling for registered customers, but I get the feeling that this can be too much ...
4
votes
3answers
181 views

Best design for a list with 8 fields for numeric input in a same row

I'm designing a web application where a user needs to add more then 15 football players in a list. For each player user needs to enter values in 8 different fields in each row. It is usually about 50% ...
15
votes
2answers
7k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
2
votes
3answers
858 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
2
votes
2answers
372 views

Feeds UI Design

I am building a website which requires the feeds facility (like what you have in Facebook or Google Plus). Facebook uses single column feeds, Google uses multi column feeds which are card based. ...
10
votes
5answers
3k 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 ...
7
votes
4answers
305 views

Best way to allow entry of shop open hours

I am looking for a control or a method such that I can allow the user to enter the working times of a shop for each weekday on a web page. For instance, the working time for Wednesday is: 06:00 AM ...
3
votes
5answers
512 views

Is there a better way to show 3 states of 2 types of data?

We are writing a web-based testing application where the user (teacher) can't move on to the next step in the process until all students (a young age group) have completed 2 separate tests. First all ...
0
votes
0answers
76 views

Menu options in a document-oriented Windows desktop app

I am preparing a prototype for some Windows desktop app that allows users to open a project (document) and work with it. The users have mostly Windows 7, with a chance to get Windows 10 sooner or ...
0
votes
3answers
247 views

What design pattern is best for highlighting a required user action?

I have a summary page which documents a customers details. The customer is able to edit/change these details on a new page. Upon returning back to the summary page they still need to submit the form ...
0
votes
1answer
131 views

Simplifying menu bars into single level to save screen real estate

The product I'm currently working on has multiple levels of navigation, breadcrumb and action bar content on the screen. This actually reduces the screen real estate of the screen. download ...
2
votes
4answers
401 views

All Caps in International Design [closed]

I have my own opinions on this but need some arguments when talking with designers. What are the advantages/disadvantages of using caps for all words in mobile application design?
53
votes
8answers
7k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks best?...
0
votes
0answers
35 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
3
votes
3answers
171 views

Do I need an extra checkbox column in the table

I have a table of students with their subjects. On the first column I can set a checkbox to select a student OR all subjects on the same row. Then I can click "Remove Students" or "Clear Subjects" ...
8
votes
6answers
1k views

Bigger font sizes trend

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
1
vote
2answers
141 views

How to choose a suitable colour between dark/light areas?

I'm trying to design a user interface that indicates which tab is selected, using the material design style: Interestingly one of the few things I don't like (and that I'm struggling with my ...
0
votes
0answers
47 views

Effectively handling a service booking process

I am having 3 problems outlining the user interface flow of my mobile application's booking component, and was wondering if anyone could offer some advice. These problems were spotted during 1-1 user ...
1
vote
3answers
199 views

Should Front-End UI and Back-end UI be designed by same person?

I'm currently looking for freelancers to redesign an ecommerce website and I was wondering if it's better to have the same person design frontend and backend UI or if it's better to have a frontend ...
1
vote
1answer
139 views

Should I refresh the ui data under a modal dialog

I have a list view of students for a selected class 7a. When I open the "Manage classes"-dialog and Delete class 7a should I do an instant refresh in the background or would it be better to do the ...
1
vote
1answer
88 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
1
vote
1answer
108 views

Improving “set appointment time” and “number of people attending” UI elements on booking form

I created the UI above to help facilitate the booking of various services. However after testing it on several users, a number complained about the form's "lack of guidance". They did not understand ...
1
vote
1answer
94 views

GUI elements in conflict Field Search, FAB button and Menu bar

I'm building a webApp with mobile support, and I'm facing a big issue when dealing with mobile screen and it's size limitations. It's important to note this webApp isn't about a single company. It's ...