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)

1
vote
1answer
57 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 ...
0
votes
2answers
85 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 ...
5
votes
5answers
362 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 ...
0
votes
0answers
27 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
91 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 ...
3
votes
6answers
568 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
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
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 ...
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 ...
6
votes
2answers
190 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 ...
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 ...
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 ...
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 ...
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% ...
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
2answers
152 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... ...
2
votes
2answers
111 views

Should I place link in Android title bar?

This is more of a design issue/question. In iOS version of application on main Login screen we have all fields for login functionality and we have "About" link in top right on title bar. That is ...
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 ...
1
vote
1answer
60 views

Advice/resources asked for designing a sort of “tasks to complete” layout

I'm creating a site where a user has to perform several tasks on his own. The theme lies close to a market place site where a user puts something online for sale. Think about uploading images, ...
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 ...
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" ...
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 ...
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 ...
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 ...
1
vote
2answers
138 views

How to layout iOS with little content?

I am new to iOS development and was wondering how to layout the UI when I don't have much content? Below are the two extreme sizes of iOS device, iPhone 4s and iPad Air. The 4s screen looks OK but ...
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 ? ...
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 ...
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 ...
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, ...
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 ...
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 ...
1
vote
2answers
184 views

Best practice GUI for a report designer where there is a many to one relationship to the data

I'm having trouble finding any best practices for a report designer when you have some data elements which repeat multiple times within a single report. Every report design best practice seems to ...
0
votes
4answers
243 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
7
votes
2answers
506 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 ...
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 ...
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 ...
0
votes
2answers
112 views

What is the best way to indicated a column's data is affected by the date range selected?

Our dashboard has data that is static such as names and full budgets and also has columns which are affected by the date range which is selected. The user's attention always jumps to the same columns ...
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 ...
2
votes
1answer
93 views

Website gamification what achievements? [closed]

I run a website with news and stories and I want to improve the user experience and pageviews per session with a gamification. What should I add to my current approach along the achievements? ...
2
votes
1answer
89 views

End-user feedback interview for an early stage prototype

Are the following questions appropriate to garner feedback from an early stage prototype? If not, what questions would be more appropriate: For the individual: For the business: