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

What widget should I use to filter table rows based on checkboxes?

Suppose my table has a column on the far left that consists of only checkboxes used for selecting rows. The default design is that the header of that column would have a checkbox, which would be used ...
0
votes
1answer
85 views

Progressive Disclosure: Accordions, Carousels, and Cards

I'm working on an internal business tool. It needs to be information dense, and our users are internal employees who undergo training, so if it comes down to it, we value efficiency over ...
2
votes
4answers
254 views

Name, icon, and color of the button

I want to clear the text from the text box, what should be the button named as? what icon and color should the same button have? Thanks in advance.
1
vote
2answers
77 views

How to make a call-to-action element for mobile?

I am building a mobile website (lets say for for boutique hotels). There will be a form, where users will be able to enter the hotel name, email address, wanted dates etc... Since I will also have ...
0
votes
3answers
109 views

Display related location points on a map

I'd like to display an array of various location points, that share the same group. I've been tasked with designing a visual UI that houses a Bing Maps screen and displays several (location based - ...
20
votes
7answers
13k 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 ...
2
votes
3answers
271 views

Drag and drop direction

I am designing a function where the user is able to drag items from one list and drop them in two others. I was wondering which direction is indicated for that action. In the first case, the list with ...
0
votes
2answers
93 views

Icon to depict quality? [closed]

I'm looking for an icon to represent "high quality." I'm thinking of using a diamond shape. Is there any reason to think that a diamond does not represent high quality?
0
votes
4answers
323 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
1answer
56 views

Key features in modern designs [closed]

What key features/looks in an application represent a "modern" design? When you look at an application what gives you the sense of modern?
3
votes
2answers
246 views

How to make a “prices” UI?

I am building a website that offers 3 different pricing method. The only thing that differs between the 3 options is the period range. For example ( lets say car hire): under 1 week - 10$ per day 1 ...
3
votes
1answer
52 views

is it bad form to mix url popovers with url modals?

I was just curious if there are any rules around mixing url popovers with url modals? For example, there may be a few urls in the footer. A "Terms and Conditions" url may be used to display a ...
1
vote
4answers
184 views

Is it a good practice to place primary content below the footer?

What are the principles, use cases, and/or motivational factors behind placing content that pertains to the main body of the site, to instead exist below the footer? I want to better understand the ...
0
votes
2answers
79 views

How to let user know about different formats to enter a field in a form?

I'm designing an input field for IPv4 addresses and netmasks. My problem is that when you enter a IPv4 address with its netmask you can type "192.168.0.1/24" or you can type it like "192.168.0.1" and ...
0
votes
1answer
42 views

Long Input in an editable field

In my web app I have an input field that is editable by click and the author is unable to view the full title if it is too long. A good example is the Title field of "Ask Question" in this site. If ...
20
votes
13answers
12k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
1
vote
4answers
152 views

Most appropriate UI for age range slider

We're creating a slider to allow users to select an 'age range'. The facility is to recruit users based on certain parameters. For example, I want users: Who live in the UK Is female Is aged ...
0
votes
0answers
62 views

Best way to express relationships in a Tree View?

I understand that a tree view is used to express a hierarchy and relations and for grouping but I'm struggling with what if two things in different groups on the same level have a relationship and how ...
2
votes
1answer
110 views

Redesigning workflow of bidding application to reduce cognitive load

I am currently working on a pet project to port and redesign a native Windows-based app onto the web. It acts as a booking aggregator, providing a platform for service operators to bid, share, and ...
2
votes
1answer
263 views

Presenting a list of sequential actions in a Windows application

I'm programming a small PC app which is mainly used to perform a set of sequential, step-by-step actions, and I wonder what would be a "standard" way to design its UI, so it would follow conventions ...
3
votes
4answers
470 views

GUI for a add-and-combine workflow?

I have the following scenario: the user picks a set of entities from a palette (each palette entry can belong to a different class, and each class can belong to a different subclass). After ...
1
vote
1answer
107 views

The best way to show several related tables

I have three or four connected tables, and I really wonder what's the best way to lay them out in a page? One table is for Roles. Second table is for Users. Each role might have several users and ...
1
vote
1answer
150 views

What are the alternatives to dragging items to add to data view?

I have a list of items in a tree in a column on the left of the page. Each item can be added to one or more views by dragging the item onto a view on the right of the page. This is proving to be ...
7
votes
4answers
425 views

Ideal control design for boolean flags?

So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
0
votes
2answers
174 views

How to make a good UI for picking dates period?

I have a website form in which user can enter details of a flight he wants and my website will scan flight companies to find a flight that matches user's criteria. One of the details user should ...
1
vote
1answer
105 views

Displaying sub-filters in menus

I'm struggling with this issue: I'd like to know options on how to CLEARLY display a sub-filter option in a menu. To better explain: the problem is that I have a set of data that will be filtered ...
1
vote
4answers
558 views

Which label text is good for “Enter email address”?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
3
votes
5answers
409 views

Should a 'delete image' button be on the top-left or top-right?

I am working on an application that allows status updates related to the application. It is very similar to posting a Facebook status so I have been using a similar layout to their posting screen. ...
6
votes
4answers
258 views

In a form, is Switching between advanced to basic a good idea?

I have a web page/form which users have to fill in before clicking the 'proceed' button. Same old story I guess. It looks like this: report name: [...] report type: (*) PDF ( ) HTML ...
1
vote
2answers
444 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
85 views

Why are UISegmentedControl's height a default of 28 points?

Why are UISegmentedControl's height a default of 28 points? Apple says to make an icon or UIButton not less than 44 x 44, yet their UISegmentedControl has a default height of 28 points? (And it's not ...
3
votes
2answers
175 views

What is the best approach of presenting a tabular data with search options in android?

We've developed a POS system that is in use by multiple retail stores which we'd like to port to an Android version. I am wondering what the best approach for displaying tabular data with search ...
2
votes
1answer
113 views

Where to place navigation menu - above or below featured image rotator?

I'm working on a car leasing website, and trying to place the navigation correctly. In my opinion, it seems better to follow the 'typical' website layout, where the navigation is either inline or ...
3
votes
1answer
202 views

First character of table column name in upper case

I have a table with the following column descriptions.: | Titel | bisheriges Ablaufdatum | neues Ablaufdatum | |:-----------|-----------------------:|:-----------------:| | First | ...
2
votes
5answers
191 views

Does grey always represents disabled condition?

Recently I updated the style of our admin module of a web app. The buttons were redesigned and new colors were introduced for various states. In various sections, I have the small question mark icon, ...
0
votes
2answers
165 views

Alternatives to Sub Tabs / 2 sets of tabs (Android)

I'm trying to follow Material Design as best as possible, and I think on one page of the guidelines it says not to use nested tabs. But I'm finding it pretty difficult to find an alternative. In my ...
4
votes
1answer
86 views

Are there interface design principles that apply to mobile user hand/thumb positions?

Whilst on the train I observed a number of people with mobile devices but what was quite obvious is that no two person held their devices in the same way. On first thought it seemed rather surprising, ...
3
votes
1answer
140 views

Showing Notifications on the UI on main page of Website

I want to show the notifications as response of every user action (e.g. configuration added in database, cant load data for selected conf. , server disconnected etc) on my website's main page. What ...
5
votes
4answers
464 views

What makes a user want to engage heavily into the application? [closed]

I have recently been working on a desktop application, however I don't think "what" the application does is really important for this discussion. When I ask what makes the user want to engage in the ...
0
votes
5answers
1k views

What is the iOS alternative to a radio button?

There is a radio button in android and WEB but what is the best alternative in iOS? And please don't say segmented control becuase it's not working in my case. The case is a list of items 3-6 which ...
2
votes
2answers
81 views

What label would best describe sorting items by due date?

I have a list view of jobs that need to be sorted alphabetically by name, or numerically by due date. Currently sorting is done by toggling ascending or descending sorts for these attributes, but ...
0
votes
1answer
51 views

How to make it clear to users, that they can write on our platform?

I have build a publishing platform where users can write. I have the problem, that for "logged out" users it doesn't get clear, that they can write on eese (http://eese.com) Here are some ...
1
vote
1answer
159 views

Should I display progress bar for completed jobs?

I have a webapp with list of background jobs (interface is similar to this template). It displays progress bar on each job. Queued jobs have indeterminate style, running have some percentage and ...
0
votes
4answers
111 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
1
vote
1answer
63 views

Search results - adding “hide” capability alongside “favorite”/heart

If you were to add a "hide this result" capability to a site like Airbnb, how/where would you do it? i.e. you search and get dozens or hundreds of results and start to drill down into them. While ...
10
votes
4answers
433 views

Does a developer need a book resource for UX design or just get information from articles, websites?

I'm a java developer and in the last few years I've been doing more and more gui coding and design with Ajax toolkits. I've seen a real need to improve my skills with CSS and javascript in wanting to ...
0
votes
1answer
71 views

Disabled state that cannot be changed; Hide or Show?

I have a privacy setting during a Creation wizard that contains two options via ratio buttons: Public and Private. By selecting Private, the user can later to change this setting to Public in an Edit ...
0
votes
0answers
92 views

Any reason to avoid “symmetrical” animations in complementary actions?

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
2
votes
3answers
108 views

How best to label a column that contains values of different units?

I am presenting tabular data. One column represents the size of a shape, however the shape itself may be a line, area, or volume. So size values can be in units mm or mm2 or mm3. However, I only ...
3
votes
3answers
151 views

Designing a popup notice for a game

To put this question in context, this is for a (mouse-driven) ui-heavy game. During this game many popup windows will appear. They are mostly non-interactive, just displaying updates on various ...