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)

40
votes
6answers
3k views

How can I highlight errors when bright red is the main color of the brand?

I'm working on a mobile website for a client whose main brand color is red. The website header and headings are all red. CTA buttons are red too. How can I effectively separate errors (mostly in form ...
2
votes
2answers
729 views

Quick Booking UX/UI design [closed]

I am using Twitter Bootstrap UI for developing screens for my application. I created the booking / appointment page. This page will be used by hospital staffs. They want to quickly fill the data, ...
3
votes
2answers
245 views

How to prototype a new concept for UI design for mobile devices? [closed]

I am currently developing a new kind of UI for android device and I wanted to know how do I make prototype of it ? since none of the existing UI design tool has support for it. I wanted to include ...
5
votes
2answers
386 views

Convincing importance of a great UI [duplicate]

We have a good set of algorithms which are the core of our business. Our product itself works mostly as a plugin inside other workflows. There is web based UI which is used by some of our customers ...
1
vote
2answers
262 views

What should the Double-Click behaviour be in a treeview which is in a selection dialog

Normally when using treeview I would expect that when the user double-clicking on a node that has children the tree will expand/collapse. However, Say we have a tree in a selection dialog. We ...
10
votes
2answers
686 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
2
votes
2answers
631 views

What is the best alternate layout for horizontal and vertical tabs on one page?

The original design uses horizontal tabs for categories that are not related, and vertical tabs for pages that are sequentially related. In terms of usability and navigation I think it is not as ...
-3
votes
1answer
129 views

How shall i convince user to select multiple email-id?

I am inviting people to participate in my activity. I entered the email id. It got added into the list. Now shall i select multiple? (Is the question faced by many users) What shall i do: -Provide a ...
-2
votes
1answer
61 views

Components of a site that would cause imitation concerns [closed]

I'm new to the web design and web comic fields. I'm a huge fan of The Oatmeal, and thought his tile layout was a good way to share the most amount of comics for given real estate. So, following the ...
14
votes
2answers
396 views

Are downvotes/dislikes useful if not highlighted?

I was watching a video on youtube and noticed their like/dislike bar. They have had this new design for quite some time now. In the earlier youtube, the dislike bar would be red and distinctly ...
1
vote
1answer
177 views

What UI Should I Use?

Here's the feature: The user is a construction sub-contractor. Each user specializes in something like welding or plumbing or windows, etc... Now, these things they specialize in are formally defined ...
6
votes
3answers
172 views

How to make other tabs more noticeable?

We have a dialog that allows the user to choose the "type" of a shape: text, pop up and link. Changing the type also changes the modal's body. Our current design uses an underline to indicate the ...
0
votes
1answer
148 views

Minimalistic User interfaces discussion [duplicate]

I'm wondering whether or not a minimalistic user interfaces is the best choice. For example you might have an application that has only one button per page, so a user can't get confused. Or multiple ...
6
votes
2answers
153 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 ...
14
votes
7answers
815 views

Minimalism, Maximalism(?) or whatever?

Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
0
votes
2answers
827 views

GUI Design advice on Add/Remove/Edit form

I am building a GUI that needs to allow the user to: Add entries Remove entries Modify Existing entries Each of these "entries" hold very simple information: Outlet Number (Non editable, ...
2
votes
3answers
240 views

How can I display lots of controls that are contained within expanders?

I'm currently building and Dashboard system for a factory and there is a control panel to control all the displays in the factory and to decide which detail(KPI type) to be displayed. Following is the ...
14
votes
2answers
1k views

Good UX for a form

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
43
votes
7answers
3k views

How should you show that an accordion is expanded?

When you have an accordion, you need some way of showing the current state is expanded. There are a number of different ways of handling this, and each is used by a number of respected websites and ...
12
votes
5answers
7k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
1
vote
1answer
275 views

Difference in Button Placement in Gmail Inbox and Spam Folders = Bad UX? [closed]

Like most people, I spend more time in my Gmail Inbox than I do in my Spam folder. But when I do check out my spam folder, I always make the mistake of marking a message as 'not spam' instead of ...
0
votes
1answer
202 views

Handling bad network connections in a mobile app [closed]

I'm currently writing my bachelor thesis about loading data in mobile applications (native/web based). I already searched for UX studies how to handle disconnects and slow loading of data but ...
18
votes
3answers
2k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
5
votes
2answers
240 views

Group of controls depending on value of combo box

In a UI, I get the user to make a selection from a combo box. This selection influences what other controls will need to be shown. There are also other controls that need to be shown, independently of ...
2
votes
4answers
343 views

How can I improve this wizard interface? [closed]

I am working to improve a wizard like interface available to our users. I have attached mockups of the first two screens in the series. I would like to get advice on the design. Currently these ...
3
votes
1answer
297 views

Legacy Text Interface (e.g. Telnet) to GUI [closed]

I work in a very large, established company with a consistent philosophy of, "If it's not broken, don't fix it." The (large) division of the company that is responsible for maintaining customer ...
2
votes
3answers
1k views

How to design a futuristic-looking application

I was hoping to get some advice from some more experienced UX developers. I have been presented with a unique challenge by my customer, and I feel like I am failing. Specifically, they want a UI that ...
2
votes
4answers
237 views

What is the best way to show Log Information of user actions

I am trying to find an intuitive way to show the Log/History information of the users actions on the application. The actions may include the following: Type | Date & Time | ...
9
votes
2answers
132 views

Borders editing control usability

I need a simple and intuitive control for editing rectangle borders. At the moment I have the following: At the left - preview box and current border selector at the same time. User can click on ...
-2
votes
2answers
304 views

Should registration email for a website greet with “Congratulation”? [closed]

I have created a new account.At the start up. I received a Congratulation email saying. You are now part of this site. Doesn't it look strange? Mail Format: Congratulations!Thanks for registering ...
3
votes
3answers
243 views

Traditional file upload vs repository

I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...
3
votes
2answers
74 views

Which is better option Create/Save for Activity and Circle? [closed]

I want to create an Activity as well as Circle for networking. Which button will be suitable 'Create' or 'Save'.
1
vote
4answers
263 views

Is there a Web UX standard as to when to use, or not use a tool-tip?

Current web application is being updated with twitter bootstrap and the UX people are hover / tool-tip happy which is leading to a very busy page. My understanding is that tool tips should be used ...
5
votes
4answers
204 views

What is the technical term or common name for this widget?

What would you call the UI element that allows a user to add and remove elements from a collection as the favourite / ignored tags widget on the homepage of any stack exchange site does?
3
votes
2answers
113 views

Should i have two links on my Home Page?

I have an important link called 'tlm'. The link has been placed twice on the home page but in different locations. According to Usability Guidelines, two links having sharing similar site navigation ...
6
votes
6answers
249 views

Which is better option 'School', 'College' or any other?

I have used the school field name for both school and college on my website, but I think 'School' and 'College' have different meanings. Can anyone suggest a more appropriate option?
2
votes
2answers
78 views

How to present lessons? [closed]

I'm trying to figure out a good way to present todays lessons for students in an app. I'm not bound to anything (except maybe Microsoft Design Language) and I want to be innovative and modern. The ...
10
votes
4answers
365 views

Another phrasing for the term “Directions” in this case?

Below is a short browser based linux simulator for training purposes. It basically starts off with a blank screen, and gives directions for the user to enter a linux command to do a given task. If the ...
1
vote
1answer
137 views

How to make right-click in nautilus more intuitive?

This issue was discussed here - https://bugs.launchpad.net/ubuntu/+source/nautilus/+bug/990965 The problem is when a user right-clicks in the list view with mouse pointer in the row of the file, she ...
2
votes
4answers
118 views

Which is the better option Share or Post button? [closed]

On my website I am using the 'Share' button to post a comment, document, or to have a poll. I'm confused either to use 'Share' or 'Post'.
6
votes
1answer
165 views

Ternary Switch - How to implement?

My website gives users a report for their search term, this report contains many different datasets. Each dataset can be configured via options on their profile page, to either; Load when the ...
6
votes
5answers
329 views

Massive menu on website, how to solve it?

I must change the following menu in some web site. This menu contain almost 30 items! Screenshot: Any idea? Categories: Home, Games, Leisure Children, Openly Software, Recipes, Study Lessons, ...
5
votes
2answers
263 views

How to present filters graphically?

I'm creating a UI which allows users to specify filters, such as Age > 18. Until now, this has been quite straightforward as all it required was a simple layout as shown below: However, besides ...
11
votes
5answers
600 views

What is the correct meaning of “slider”?

I'm confused by the word "slider". It seems to be used interchangeably for two quite different types of UI control. An input allowing selecting of a point on a numeric scale, as in the jQuery UI ...
6
votes
5answers
2k views

Best way to display plus/minus or pros/cons short sentences

I have information in short sentences (bullet list) and each bullet could be pros/cons or plus/minus toward a product. What is the best way to display it nicely? For example: + Price is cheap + ...
2
votes
3answers
356 views

Look and Feel Consistency for existing app with new features

I have an existing app, which is almost two year old and I am planning to build new UI screens using bootstrap framework. I start to realize that new UI screens are NOT having the same look and feel. ...
5
votes
2answers
486 views

Correct ordering position for 'Yes', 'No' and 'Not now'?

What is the correct position for the 3 buttons: Yes - No - Not now (or Yes - No - Later) is it Yes - No - Not now or is it Yes - Not now - No This will be on a windows 7 windows application, on ...
3
votes
2answers
246 views

What is a good way to position chart elements on a dashboard?

I'm designing some dashboards for a client who will see sliced and diced versions of data based on a lot of parameters. I plan to give him a Pie Chart, Bar Graph and a Table on the same dashboard. ...
6
votes
3answers
304 views

Why does Gmail hide email options under a '+' sign?

Why does Gmail website hide options like "links", "smileys" etc. under a '+' sign when there is clearly enough room along the footer? Am I missing something, or is google really pushing google+? ...
10
votes
2answers
466 views

What is the best practice for checking a series of checkboxes?

I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...