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
158 views

When should I ask for the title of a YouTube video and the title of a resume?

I am designing a web site where candidates can upload videos and files. Candidate can upload videos from YouTube and they have to give the video a title and do the same thing for a file. They have to ...
0
votes
0answers
14 views

How to improve the following stock dividend page UI? [on hold]

I has the following stock dividend page UI which looks like this The header (2010 RM209.78) isn't very outstand from individual detailed list items. I would like to have some improvement. Use ...
0
votes
2answers
127 views

What would make an effective and compelling UI for a “Quick Start” section? [on hold]

A Quick Start/Getting Started/First Steps kind of section for specific software - as it is right now, the section is a square box that contains several links: explanation of file structure, how to ...
0
votes
2answers
93 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
1
vote
2answers
228 views

Scheduler Design with Slots

I to create a UI design for recurring events Example: John, do hair cut 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 45 mins slot ...
0
votes
1answer
55 views

Choosing a Feedback Mechanism For Delayed Commands

On a typical application when a user submits a form, it's good practice to provide a success message that the information has been submitted and saved. This makes sense for an application that ...
0
votes
1answer
193 views

Design UI panel

I have a dashboard screen with one of the panels as below; So as you can see there are different fields and corresponding values. Now I need to design/update the same panel to consider the ...
1
vote
1answer
47 views

Criteria selection : use empty for ALL?

We have the following criteria screen. Based on these criteria data are fetched. Empty From/To Date field means that no date criteria will be used, but for the type criteria we have two options : ...
0
votes
1answer
82 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
1
vote
6answers
99 views

Add button for grid list

My team is developing a widget that uses a grid layout to display a list of webpage links, and we would like to have an inline add button so that our users will be able to add more pages to the list. ...
0
votes
2answers
104 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
2answers
210 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

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
1answer
58 views

How many screen resolutions are available for Windows 8 mobile app? [duplicate]

I am a UX/UI designer and I have designed many mobile apps for iPhone and Android. Now I have to design a mobile app for Windows 8 but I don't know how many screen resolutions are available. i.e. for ...
0
votes
1answer
41 views

Adding categories to a tag field a good idea?

I'll try to simplify my question as much as possible. I've created a dialog where you can add "items" to "objects". For this, i added a simple tag field in the dialog. The user can add the items by ...
0
votes
1answer
59 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
1
vote
1answer
142 views

Best type of thumbnail?

Let's say I have an app that accepts images, and the user takes the above image. Now I want to upload it, and display a thumbnail of the image on my website. There are two ways I can have a ...
0
votes
0answers
32 views

Weighting adjuster UI

I had a look at this question: How to present weighted values and while I agree with the general thrust of the accepted answer (particularly the lock buttons) I wonder if that is too granular for ...
1
vote
1answer
201 views

Choose among 30+ items in android

Does anyone have a best practice on how to present 30+ items (numbers, say between 1 and 30) on an android screen? I thought about using a number field, but maybe it's better to make a screen with all ...
0
votes
2answers
108 views

Is the “X” button on this downdown menu going to be a problem?

The "X" button next to the dropdown arrow resets the field to the default selection. My concern is that a user may hit the "X" when they intended to hit the arrow, accidentally clearing their ...
1
vote
1answer
179 views

Activating/deactivating functionality with additional settings

I'm working on an application which is split up in several features which can be activated or deactivated. The user can activate or deactivate the functionality but when activated he has to fill some ...
1
vote
1answer
66 views

Guidelines on using hyphenation in interactive design

It's a well established recommendation for publications containing masses of continuous text to use hyphenation. Are there any ideas or guidelines on how hyphenation should be (not) used on ...
2
votes
1answer
182 views

Two different views and a link

I am working on a web page where a data entry can be viewed in two different ways: a table view or an interactive view. Also, there should be a link that takes the user to a "compare" page. I am ...
0
votes
0answers
60 views

Mobile GUI to select many numbers

I need to be able to select among many numbers (56 non-necessarily consecutive numbers). I need to do this in a single screen. I thought a grid would be a good idea (like a calendar) 1 2 3 7 10 ...
5
votes
1answer
231 views

Are distraction-free text editors effective?

There are distraction-free text editors (for example, the ones cited here) that have full-screen editing area and minimum user interface. Is there any objective statistics showing whether these ...
5
votes
4answers
584 views

Is skeumorphism dead?

I've noticed that many big companies stopped using skeumorph graphics: Microsoft completely removed any glass-style look of Windows 7 and switched to a flat, "digital" and artificial look in Windows 8 ...
1
vote
3answers
124 views

How to reduce complexity of nested form interface?

I have a complex design on my hand which is essentially a wizard. Following mockup should give you a fair idea: download bmml source – Wireframes created with Balsamiq Mockups ...
2
votes
3answers
198 views

Is “Chicken Box” an appropriate term for a Yes/No dialogue with a warning?

We have a mixin so named, and since my project requires more of these types of dialogue boxes, I created a lot of tickets for myself with the term "Chicken Box" in the titles. It's basically just ...
8
votes
3answers
616 views

n-to-n selector UI

I am looking for a name of one specific UI element. I have unsuccessful tried to identify it before but this attempt failed. What I am looking for is an n-to-n selector where items move between two ...
1
vote
2answers
165 views

How to make complex settings simple and easy to understand?

I am trying to create a SSD dashboard for our software applications that show all the services listed and their current statuses similar to http://status.aws.amazon.com/ or ...
0
votes
0answers
61 views

Simplifying repetitive form workflow

I am in the midst of creating a new application for some users in a manufacturing environment. They are not new to technology, but not power users by any means. I am concerned about my current idea ...
1
vote
3answers
186 views

Is it better to be slow and have feedback, or relatively fast but no feedback?

I'm modifying a legacy application that can export data to a file. Currently, this process is really slow, but indirectly gives a visual feedback of the progress (it updates the UI from inside a for ...
1
vote
4answers
163 views

What are some of the good ways to keep minimal (not cluttered) view and minimum number of clicks at the same time?

EDIT: The question is specifically for DESKTOP. No mobile/tablet. My client wants a design for a web app (chrome webstore). The wireframe is final. But the problem is he wants that the buttons/menu [ ...
0
votes
0answers
34 views

Graph number alignment

It's only a small thing but it has me stumped. I have a graph that displays the numbers from +10 to -60 along the left hand side & also replicated along the right hand side. So say for example ...
0
votes
2answers
199 views

Translating progress /navigation bar in questionnaire into good mobile ux experience

I have a series of questions, aimed at being an enjoyable experience, with a nice solution for the desktop already worked out, using a styled navigation bar, which doubles as a progress bar for the ...
0
votes
1answer
47 views

UX/UI designer books and tutorials [duplicate]

I am venturing into UI/UX design and I would love to dig deeper into this technology, I am a front end engineer html/css/js and I want to learn and be an expert in UI/UX design. If someone could ...
0
votes
1answer
64 views

How to work with web designers pragmatically on my stateless browser app?

These days, lots of stuff is being done on the client. This includes full page rendering, data fetching, and much more. Right now, I am developing an API and also working on the client-side app which ...
15
votes
3answers
430 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 ...
3
votes
1answer
52 views

Do the concepts of typographic scale and vertical rhythm apply equally to print media and web apps?

I have been learning about these two fundamental concepts and I see how beneficial they are for print media (including 'digital print' like blogs and webzines.) do these concepts apply equally to ...
56
votes
12answers
5k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'?

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
1
vote
4answers
103 views

Which are better: horizontal or vertical vehicle seatmaps?

I work for an online travel agency. We have designed interfaces that show vehicle seatmaps for users to select a seat on an airplane or a bus. Recently the debate has been on which is better: a ...
1
vote
0answers
33 views

What are the best layout practices so that secondary elements such as tools are not overlooked? [closed]

Users tend to focus on the center target of a page, such as text. As such they may not see important elements outside the center. Advertising deals with this with annoying movement, but I wonder what ...
0
votes
2answers
93 views

Clock face interface for time selection [closed]

I have been looking at new ideas for interface design, and came across this one for selecting time by mimicking a clock face. I believe that the interface can probably be tweaked to look a bit ...
-1
votes
0answers
47 views

File rename treating loss of focus as “undo” - why?

You're in the middle of renaming a file from file manager, nautilus or whatever, and you alt-tab to another app. When you alt-tab back, it's forgotten what you typed. This happens on most versions ...
0
votes
1answer
371 views

What encouraged the designers of GNOME Web 3.11.90 to show both (a) the page title and (b) the address/location/URL in the header bar?

Points of reference, please, for documents and/or discussions that supported the design rationale. I'll add one answer, I don't know whether it's ideal. Background A brief, two-screenshot ...
11
votes
3answers
845 views

Looking for independent usability study of the Microsoft Fluent UI

I have been trying to gather objective feedback/response on the design of the Fluent UI ('Ribbon') interface. Apart from one study by Forrester which was commissioned by Microsoft anyway, and various ...
2
votes
2answers
524 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 ...
2
votes
2answers
145 views

Difference in designing wireframes for apps in Nexus 5 like phones with virtual navigation bar and other phones with hardware navigation buttons

As you know phones like the Nexus 5 and Moto G come with virtual navigation navigation bar like in the stock Android with the back, home and multitask buttons and there are phones like the new Asus ...
2
votes
2answers
119 views

Best way of making a credits transfer dialog

I am designing a dialog which would allow user to transfer credits from his account to "an object's account". Transfer is only in one direction -- after you confirm transfering credits to an object's ...
1
vote
2answers
109 views

Ideas on dismissing a popover without a Close element

I have mocks from a designer showing an initial form for searching a location. There are fields for location (business) name and city (pre-filled) and a Next button (disabled at first). When the user ...