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
1answer
21 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
48 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
12 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
0answers
17 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
135 views

Assigning to multiple groups

While there are plenty of "assign to blah" topics here, I'm not sure that I've seen this exact case. Apologies in advance if this is repeated. Building out a new website, with quite a lot of ...
0
votes
1answer
119 views

Should dates be displayed with a time entry?

I'm working on a project where there are numerous time entries for a given a record. The times are stored in the database as timestamp, however for display and editing it's clutter to display the ...
3
votes
1answer
47 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
91 views

Reference for Spanish UI [duplicate]

Is there a good reference for UI terms in spanish? Terms like username, password, login/logout, etc... aren't direct translations. I'm looking for a guideline to translate these labels. Update ...
1
vote
3answers
72 views

Integrate location navigation into site

In our classifieds site we search by a string (ie. iphone) and we see the search results, as seen on the screenshot. The initial search displays everything in the United States. To this search ...
3
votes
1answer
109 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
154 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
127 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, ...
-4
votes
1answer
56 views

Designing password entry to provide hints

Should it be way that the interaction is designed for password field in any web form or login page? Can it be the right way to showing total number of character of a password while user enters it? ...
1
vote
1answer
145 views

Return List to Original State

BACKGROUND (USERS: Internal business users.) I have a sortable task list which has the 4 columns (date, customer, items, cost). But now we want to expand the business logic to include: "IMPORTANT" ...
2
votes
1answer
189 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
243 views

Faceted search: Show more/show less filters vs Summary + Edit

Consider the case of hotel search, where you have a few filters that everyone uses but in total you may want people to have ~20 or so available. On the results screen, I don't want to show all 20, ...
1
vote
1answer
80 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. ...
1
vote
2answers
119 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
9
votes
3answers
1k 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 ...
3
votes
3answers
787 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
16
votes
4answers
768 views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
1
vote
1answer
88 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 ...
3
votes
1answer
174 views

Best way to represent time related event during a day in a graph

I want to represent time-related events graphically (bars/chars/graphs, etc). I have a log in the administration panel, the data is login times for admins, so each admin has online-offline ...
0
votes
1answer
132 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 ...
2
votes
1answer
270 views

What's the best way to layout an application for building lists of objects?

I'm building an application to support a small scale manufacturing process. The process has a number of discrete steps. "Widgets" are consumed in each step and new types of widgets are produced to ...
0
votes
2answers
187 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 ...
-2
votes
0answers
42 views

Feeling overwhelmed - where do I start? [duplicate]

Guys I'm new to UX although I have some experience with graphic design and digital marketing. I've started at a new company and they have this complicated software that tracks moving things in ...
0
votes
1answer
64 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 ...
2
votes
1answer
27 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 ...
2
votes
2answers
252 views

Floating animated message vs. confirmation message. When to use each?

Some pre-clarifications: By floating animated messages I mean the Firefox style messages usually appearing bottom right of the window, for example, when a file downloaded successfully. By ...
1
vote
1answer
92 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 ...
0
votes
0answers
3 views

Sizes and dpi confusion [migrated]

I am designing an app for multiple screen sizes in android and i have been researching alot on how the sizes should be kept. Till now i have been able to understand that for multiple sizes such as ...
1
vote
2answers
554 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
71 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
153 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 ...
0
votes
1answer
83 views

What's a good mobile navigation strategy for hierarchies with few children?

Say your IA hierarchy is like this: Main section A Feature 1 Feature 2 Feature 3 Main Section B (List/tableview) Item Detail 1 Detail 2 Detail 3 Main Section C The traditional iOS-style ...
1
vote
4answers
559 views

What are some ways to manage more data on single page without scrolling?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
0
votes
2answers
262 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
1answer
70 views

Usability problem with access lists for a network UI

I have a problem with an application I am working on. The idea is simple, in this application you build up a system of networks that are connected with each other. Example would be: You have Network ...
3
votes
3answers
166 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
76 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 ...
1
vote
1answer
36 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 ...
0
votes
1answer
41 views

Dealing with multiple items at once in a single window

I am working on a web app in which one of the features requires a taxi operator to respond to/make multiple customer haggle (barter) requests for a fare. This all needs to take place within a single ...
0
votes
1answer
46 views

Relational query (few parameters selector) more user friendly

I am working on GUI of one website which is selecting data from database. User can enter one or two values if wants output above/equal/lessequal and less etc. or/and certain thresholds. Current idea ...
1
vote
2answers
119 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
147 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
119 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 ...
2
votes
3answers
141 views

Make click, drag and drop and link between both tables more obvious to user

The two tables in the window below are intrinsically linked. Their purpose is to help the user to quickly allocate a pickup job to a driver. In order to do this, the user simply needs to click on ...
6
votes
7answers
1k views

Do people still use drag and drop?

Is drag and drop (for say photo uploads) a good idea? Aren't users frustrated by all the steps you have to take? Do most people even know how to do it? Open a window Browse to your files Ensure ...