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
2answers
142 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
640 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
169 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
850 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
369 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
301 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
511 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
69 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
246 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
130 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
395 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
168 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
139 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
44 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
192 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
123 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
86 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
99 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
91 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
73 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
54 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
134 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
489 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
142 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
978 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
118 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 ...
2
votes
3answers
217 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
82 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
73 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 enable/...
1
vote
2answers
151 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 list)...
28
votes
7answers
6k 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
110 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
83 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
111 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
126 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 ...
8
votes
4answers
269 views

Design for Application consistency or follow OS convention?

When we design applications to be used in the new world of cross channeling, we need to take into account a lot of different factors. Not only do we need to address in which environment the app is ...
2
votes
1answer
95 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? http://...
2
votes
1answer
91 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:
0
votes
3answers
201 views

a better interface for entering an age range with user-selected units

I am trying to create an age picker and this is the best i can come up with: download bmml source – Wireframes created with Balsamiq Mockups the dropdown would have years, months, weeks ...
3
votes
3answers
164 views

What should happen after soft deleting a record?

Scenario as follows, example is an online survey (policy is to not hard delete anything): You open a survey from the survey list. On the survey, for admins only, there is a special Tools menu in the ...