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)

0
votes
0answers
44 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
48 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
95 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
296 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
136 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
619 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
156 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% ...
14
votes
2answers
6k 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
837 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
364 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
297 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
507 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
64 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
244 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
129 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
380 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 ...
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
160 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
138 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
35 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 ...
1
vote
3answers
190 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
109 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
79 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
91 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
86 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 ...
1
vote
1answer
67 views

What is the advantage of a modal dialog vs a new page here

I have a list view showing a datagrid of students for a selected class. In order to manage the classes for those students I could show a dialog where the user can create/delete a class. A minor ...
0
votes
2answers
53 views

Should blogs have a 'new reader' button that changes the sorting order of the posts?

For people who have been subscribing to blogs and following their updates, the important bit is the information that is new, and to have some convenient way of locating older posts. However, I wonder ...
0
votes
0answers
33 views

Colors for grades A,B,C,D,F (A+,A- …) [duplicate]

In my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely? What do ...
2
votes
0answers
74 views

Color grade system A,B,C,D,F [closed]

Hhhh, in my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely ? ...
3
votes
3answers
131 views

Select duration using numeric input + menu of units, or a single slider?

I have a notification panel which is designed for users to receive notification once something wrong or changes happens in the system. So there are two tasks that are for regular checking. These two ...
5
votes
4answers
448 views

Maps with Multiple Heat Maps and Other Data

We're about to embark on a small project that requires us to plot various data on a map. Some examples that we need to put on the map: Population Income House Prices Crime Etc Examples 1-3 could ...
1
vote
3answers
138 views

Color Sliders User-Friendly

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 slider. I've got 2 different kinds, and I would like to know which is most ...
4
votes
2answers
968 views

Reliable sources about UI/UX best practices in Japan?

Everything I read about usability on western websites is mostly the opposite of what I'm told to do at my workplace in Japan. For example : - make landing pages as crowded as possible - avoid share ...
1
vote
3answers
112 views

N dimensional compatibility matrix

I am new to UI development and need some guidance on the following problem. I have a long list of options (100+) for which exists multiple (in)compatibility rules. A (in)compatibility rules is a ...
1
vote
3answers
203 views

What is best way to show the select box data which is long(almost one line sentence)

I have list box to show the select box data which is long(almost one line sentence). I cant make list box which look very big. For all sentence I have can use some code(Say for 'Sentence1' I can use ...
1
vote
1answer
75 views

Should I include a search box in the dropdown menu or just go with one in the nagivation bar?

So i'm designing the interface of an ecommerce website that acts as a platform for stores, and naturally, there's a search box in the navigation menu. For each of the elements in the navigation bar, ...
0
votes
1answer
69 views

Difference between global buttons and context sensitive buttons related to a data table

I have a table of students with data. I would like to make it more obvious to the user that the last two buttons can only be used in the context of selected row(s). For that I would of course ...
1
vote
2answers
119 views

How to properly manage exchange between two lists of items/products in a desktop web app?

I'm working on a Web App UI mostly for desktop (but also working on tablets) where the user has to manage inventories in a modal window. He needs to select items from a stockpile (i. e. a large ...
28
votes
7answers
5k views

Is copying other app's UI okay?

I'm making an Android game with a UI similar to Facebook Messenger Android app. I didn't re-create all the UI elements, but users will surely know it looks like Messenger since the game is about ...
1
vote
3answers
109 views

Allow numeric input or have user pick from dropdown?

I was just wanting to see what people thought about how I should allow users to specify a year. Currently they are able to select a year from a dropdownlist but I was wondering if users might prefer ...
3
votes
2answers
81 views

Should I use multiple synchronized dropdowns in a big UI

User Story: The user can create a schoolclass 7a The user can create a pupil for a schoolclass 7a The user can change the shown pupils for the current selected schoolclass 7a Question: Should I ...
1
vote
2answers
104 views

Show “Tips” for features of an application?

I have an app that has several features that users will (hopefully) like, but are likely to miss. I'd like to tell them about these features. How would that be achieved with minimal spamminess? I ...
1
vote
0answers
117 views

What are the types of user interface models used in mobile apps [closed]

I'm working on revamping the UI for our mobile app and preparing a presentation explaining the various kinds of UI models out there. As I'm a self taught designer so I'm not familiar with all the ...