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
0answers
24 views

What's the effect of color on responses to a Likert scale? [migrated]

We're implementing comment cards on our site that contain a simple Likert-type scale that uses colored buttons (red, orange, yellow, light green, green), to denote the range of negative to positive ...
2
votes
1answer
122 views

Improvement tracker or: How I Learned to Stop Being a Jerk to the User

I'm planning a program (not sure if it will run on smartphones or just PC ) to keep track of user defined task and it's progress. I want it to be less bossy, but still give the proper incentive to ...
1
vote
2answers
99 views

Is iOS's spell checker good UX?

When I was user testing, my test subjects would often have typos (which is fine), then iOS's usual "spell check" pops up with the right word intended, and I found people clicking it to implement ...
1
vote
3answers
142 views

How to intentionally make an action difficult to do?

How can I 'hide' ('minimize'? not sure of correct terminology), or otherwise de-emphasize a certain action? I'm working on a desktop app that has code management features and we want to make pushing ...
0
votes
0answers
117 views

Why did Apple dropped bolt icon when charging a dead iPhone / iPad [on hold]

Something that was bothering me since long time. When you plug the cable to a completely drained iPhone/iPad the screen turns on to show a battery icon with a small red line on left which represents ...
2
votes
1answer
99 views

What could be used instead of checkboxes for filtering a list of items for desktop software

What could be a better way of showing a filter like this? Multiple checkboxes could be selected to show the filter options. Is there a better way to represent this filter for a desktop software ? ...
5
votes
3answers
147 views

Multilevel Navigation - Enterprise Application

I'm offering a design solution for an enterprise level applications navigation system. Currently the user can navigate by drilling through a series of parent and child menus. There are up to 5 levels ...
4
votes
2answers
157 views

Enormous and unwieldy Windows Form

I have this ugly interface in WinForms that is both character-limited and slow. The basic idea is that it needs to be a dynamically sizeable 2D array. Each position in the array can be set ...
0
votes
0answers
9 views

Will voice based interaction kill GUI? [duplicate]

Voice and audio based interaction together with natural language input have the potential to fast track user to get to their target goal directly. Much like how instead of browsing through sections ...
1
vote
1answer
66 views

Schedule time UX

What I am trying to solve from the above screen shot is scheduling update. With the new update "to" field is optional, and not required field and also the UI and wording is confusing as when Run ...
2
votes
1answer
75 views

General GUI Development: Acceptable tooltip string length?

I'm putting the finishing touches on a GUIDE (MATLAB) developed GUI. I wanted to add tooltip strings to help the user but I don't want to overwhelm the user. Here are some examples of tootip strings ...
2
votes
1answer
84 views

CMS: Best way to arrange a large number of fields? [closed]

I'm redesigning a CMS and I wanted to gather some opinions on what makes the best user experience for my particular dilemma. Here it is: The CMS controls a marketing-focused website for large ...
1
vote
1answer
48 views

Should Delete Tool Close Record?

Scenario as follows, example is an online survey: From a list of surveys, I open one (opens the survey for me) On the Survey, for Admin users only there is a special TOOLS menu in the top right ...
1
vote
2answers
170 views

should a dropdown toggle icon be up or down?

I keep hitting this issue and wonder if there's a hard and fast anwser: On a dropdown widget, should the icon be up or down on either state? For example when down should the icon be pointing up to ...
1
vote
1answer
94 views

Best way to show registration date

What is a better approach when presenting customer registration date to a user of a crm, "active for...." or registered on mm/dd/yy? if the better approach is "active for...", i am having difficulty ...
4
votes
4answers
276 views

Does the position of icons in buttons affect the user?

I sometimes get in a bit of a muddle around which is the best position for an icon within a button i.e. left of the text or right of it. I was wondering if there is an easy way to determine the best ...
1
vote
2answers
94 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
15
votes
5answers
731 views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
0
votes
1answer
64 views

Help with “haggle/barter” feature on mobile application

Overview I am working on a mobile app that has a feature which allows the buyer and seller of a good/service to debate the price and exact nature of a transaction. The process of this transaction ...
2
votes
2answers
82 views

Tooltips, where to place?

We have an internal, json editor web application. It is extremely form heavy, basically pages worth of one dimensional tree structured nested forms. Think something like this, but bigger and some ...
2
votes
0answers
100 views

In Google Maps, why did Google use back arrow icon instead of “X” close for search results list when its clearly a layer on top of the main interface?

I've been getting into Material design lately, and I really liked one of the material concepts, and thats to think of the UI in X,Y,Z axis. But noticed a discrepancy with what might be extremely ...
1
vote
1answer
48 views

Graph values inside a set of values, best way to display?

this is my first question here! We are developing an application, and we have a problem with a part of the UI. We need to display the forecast for the next days, but the values of the forecast falls ...
2
votes
3answers
126 views

Highlighing to user the next possible actions available to them

Once a user has carried out a search on my mobile app they are presented with a list of offers. At this stage (3rd screen), the user can either: 1) accept ONE of the on-screen offers 2) carry ...
3
votes
2answers
138 views

Date/Time Picker for Small Ranges

I have an application where a user will need to pick a date and time within a very small range, with precision down to the minute. Generally what happens is that a biometric device is given to a ...
0
votes
1answer
49 views

Best way to combine two-step service request screen and minimise cognitive load

I am currently working on a service aggregator app as part of a university project. One of the main difficulties I am having at the moment is figuring out how to allow the user to carry out a search ...
3
votes
2answers
258 views

Best way to lay out home page of mobile app

I'm redesigning a mobile trivia app, and on the homepage, there are radio buttons that let the user choose the difficulty, and then there are also 3 buttons that start the game. The current layout ...
1
vote
1answer
50 views

Multi position switch (while avoiding dropdowns and skeuomorphism)

I have a very visual, map-like interface where most of the interaction takes place in navigation cards as opposite to direct manipulation. I need to add a "dimension selector" to each node that ...
0
votes
2answers
65 views

How to handle complicated monthly repeat options

This is related to this question I asked here earlier. I want to handle the full range of options for monthly reminders in my Android app. So I handle: Repeat on the day of the month (e.g. the 17th ...
0
votes
0answers
20 views

Navigating through configuration screens for multiple items

I have an Android app whose data model is built around a list of reminders. The user's primary interaction with the app is based around creating and modifying these reminders. Currently my app opens ...
1
vote
1answer
49 views

Show attendees on a page

I want to design a page where i need to show people who are currently logged in and are on that page similar to a chat room where everyone can see each other. I want to give that page a feel so that ...
3
votes
1answer
59 views

Best approach to toggle button & Placeholder for date?

What is the best approach (i.e to add some icon or text etc) to show user that this section/button/menu is toggleable or we have more option on left or right on the controls? Right now I'm using ...
3
votes
1answer
116 views

Can sign up/log in be unified in one button?

I'm working a form at the moment and was consider merging sign in and sign up but thought it might be confusing. Is there any precedent for this? Example download bmml source – ...
5
votes
2answers
199 views

Best design to display a school timetable

I'm trying to figure out what is the best way to display a school/subject timetable. When designing a timeline it's sensible to use time as columns across which will indeed define activities across a ...
0
votes
1answer
136 views

How to show sleeping on a slider?

I'm developing an application for a client that asks lots of questions to determine compatibility between people. Unfortunately, the questions vary greatly, as they can pertain to sleep habits, ...
2
votes
1answer
194 views

Bold colors for mobile applications [closed]

I am aware that normal convention would have designers use more neutral colors for a mobile application. In terms of entertainment based mobile applications: Is it acceptable to follow a more bold ...
1
vote
1answer
85 views

Form image selection (upload / gallery / default)

There is an image (1 img) selection option within a form with 3 choices: 1- User uploads the image from computer. 2- User can select an image from pre uploaded images. 3- User selects a default image. ...
9
votes
3answers
2k views

Flat design worsens UX. Could/should the pendulum swing the other way? [closed]

I often argue with people that so-called 'flat' design leads to worse UX as it leads to a lack of clarity regarding actionable objects but also reduces the ability of the user to distinguish between ...
2
votes
1answer
28 views

Dividing items in variable number of groups

In my application, a user gets a list of items and needs to divide these in any number of groups, with some additional restrictions (between X and Y items in a group, etc.) Currently, the application ...
1
vote
1answer
90 views

Is it right to use desktop/laptop UX patterns for touch based devices?

I've noticed recently that we often use UI elements and UX patterns from desktop and laptop, which often stem from the primary input device being a mouse or physical keyboard. We then apply these to ...
7
votes
7answers
526 views

How do you best explain the fixed functionality and uses of well known UI components

People often ask questions about if it's okay to mix up UI components with clearly specified functionality e.g. radio buttons and checkboxes. Sometimes I feel that it's treading well worn ground and ...
0
votes
1answer
158 views

Web GUI pattern: How to design complicated multi-level nested forms in an ERP system

I am on designing an ERP application. We have many forms with nested objects inside and many form elements. I tried to design the form like this example. But it seems that showing nested forms and ...
1
vote
1answer
108 views

Best way to show the user a div have more details, will be shown upon click - arrow/grid icon/'>>'/'more details'?

I have Four divs on my homepage. Every div is showing a number and a indicator. But I have further details for each of the div which will be shown upon user click. Now I want to know what is the best ...
2
votes
2answers
78 views

How to differentiate a Div from rest of the div on same row having same look and feel ? border/shade etc?

I'm working on a web application where I have 4 result types of a data and I'm showing all four on the page in same row with same look & feel of divs (can be seen in picture). The Box_D result ...
1
vote
2answers
160 views

Background Grid lines in charts are good or bad?

I'm using different charts (Line & Bar charts) in my Web app. I want to know whether background grid lines are good to have in charts or not? Does these lines distracts user attentions from main ...
4
votes
3answers
179 views

How to make a user think a div is clickable ? shadow/Hand cursor/color change?

I have 3-4 divs on my home page with some information (i.e. A Big Number, indicators). As I cant put all the information in the same page but I think it will create cognitive load for the user so I ...
0
votes
2answers
80 views

“Slider” with relative motion? What is this called?

I'm looking for control that allows relative motion. This isn't what I'm using it for, but you could consider it in the context of a volume control. My requirements: There is a range of ...
2
votes
1answer
52 views

What is the best method for making mutiple wireframes derived from the same data?

I currently have to make 3 wireframes from the same data, I find it to be a bit daunting, as I feel I have spoken for the optimal way to do things on the first wireframe, and can't seem to think up ...
1
vote
2answers
128 views

Show a donation progress bar?

I'm going to put a donation system into my web-app because I need to raise about $6.2k for a school-organised trip to Borneo. Inside the app, I think that I will tell everyone, on the donations page, ...
2
votes
2answers
166 views

Is it better to label input fields, watermark them, or both? [duplicate]

When building forms, you need to effectively communicate with the user what information should be placed inside of the text boxes. I've seen a combination of watermarks in text boxes and labels for ...
1
vote
2answers
138 views

What is the name of this dial/spinner-like interface element?

I've tried googling both spinner and dial, but they turn up results that are not this. I need to implement this in a website, and would like to know the pattern for it -- it's just so much easier ...