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
2answers
139 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 ...
3
votes
1answer
99 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
74 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 ...
0
votes
0answers
17 views

Breadcrumb dropdown navigation examples? [duplicate]

I'm trying to find websites that use some type of breadcrumb navigation with dropdowns. I was looking at this post from 3 years ago, but it seems that the sites mentioned here have changed their ...
-5
votes
1answer
69 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? ...
0
votes
1answer
94 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
265 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
79 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 ...
1
vote
1answer
67 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
2answers
98 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?
1
vote
1answer
57 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?
2
votes
3answers
142 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
54 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 ...
3
votes
2answers
249 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 ...
1
vote
4answers
186 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
84 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 ...
1
vote
1answer
45 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 ...
2
votes
3answers
152 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 ...
0
votes
1answer
46 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
104 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
196 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
64 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 ...
0
votes
1answer
86 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 ...
2
votes
1answer
116 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 ...
1
vote
1answer
112 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 ...
7
votes
4answers
437 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, ...
-1
votes
1answer
51 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 ...
0
votes
2answers
180 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 ...
3
votes
2answers
193 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
106 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 ...
4
votes
1answer
213 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 | ...
0
votes
2answers
217 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 ...
2
votes
5answers
202 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, ...
3
votes
5answers
425 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. ...
4
votes
1answer
92 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, ...
5
votes
4answers
472 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 ...
3
votes
1answer
164 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 ...
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 ...
2
votes
2answers
89 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 ...
1
vote
1answer
165 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 ...
1
vote
1answer
112 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 ...
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
5answers
2k 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 ...
3
votes
3answers
164 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 ...
2
votes
1answer
45 views

Two objects which can be disconnected and then connected?

I'm creating a GUI for a program which maps keys from an external device to keyboard keys. The process is: [Waiting for keyboard key] (Shows a blank key) Press a keyboard key (Now blank key has ...
2
votes
3answers
113 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 ...
2
votes
1answer
74 views

Where to find sizes of Windows 8 UI elements?

In the Microsoft UX Guidelines the is a lot of information about best practice, interactions, and so on. But where to find information about space between controls, what width and height of the ...
10
votes
6answers
1k views

Convey to user that they can input absolute numbers or percentages

I have a quoting form in which I want users to have the ability to add a discount. The discounts can be added as percentage or absolute values. My current design is a text field and a dropdown for ...
6
votes
3answers
412 views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
1
vote
3answers
122 views

Color Emotion Naming Convention Standard?

So I'm using one of the UI frameworks for a project I'm working on and I notice that there's a general naming convention for use of specific colors that are represented as moods. e.g.; Assertive ...