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)

2
votes
1answer
48 views

Choosing between internal and production version of page

I develop an administration interface of website. In "live edit" mode user can browse the website and edit pages (mostly texts). Website is presented in default production design to user and only ...
0
votes
0answers
20 views

How to create a drop down in select tag in HTML, from Tree type data [on hold]

I want to mimic something like below which is implemented in desktop application using WPF custom controls. I got to know that its not possible in HTML in a straight forward way as Select tag have ...
0
votes
1answer
63 views

Has Chrome browser chosen the wrong icon for 'Clear'?

I know right or wrong is subjective but the developer tools for Chrome (accessible by pressing CTRL + Shift + I) has a Clear button to delete all values listed. This button is represented with ...
0
votes
2answers
44 views

Color scheme for 1-4 ratings

I am task with shading the table cells containing ratings: Good (1) , Better (2), Best (3), Gold (4) or blank (as in not rated). It is possible that in the future another rating would be added - ...
5
votes
6answers
16k 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
3answers
72 views

UI For Selecting Column Width

I'm creating an application that builds a form using simple UI options (a la Cognito or Wufoo). My current issue is that I'm trying to think of a way to display an option to define the width of the ...
2
votes
1answer
30 views

Table State being On Hold?

I'm trying to find a way to convey that a table row has been placed "on hold". Currently, I have an overlay that dims the row and states that it is "on hold" but cannot find any resources that show ...
2
votes
2answers
158 views

Best UI/UX For Several Levels Deep Selection

Disclaimer - I am a backend developer who has to sometimes do frontend development. Our web application has entities. Entities correspond to database tables. Entities have fields. Fields correspond ...
0
votes
3answers
217 views

Should I place a product picture on the left or on the right?

I'm customizing an ecommerce solution and I noticed that most people would place product pictures on the left, but I wonder if there is a reason behind it. I would like to have my pictures on the ...
0
votes
1answer
21 views

Adding and deleteing from saved addresses. How would a user know that swiping means delete?

I’m building an app for smartphones. A feature in the app requires users to enter an address. Normally, the user would touch the text input field and type it in using the system keyboard, but the user ...
1
vote
1answer
30 views

Direct user flow to exclusively mutual forms

I have a form where a user is presented with two options. They can either select (via a checkbox grid) flags for products, and exclude some specific items from that list, OR, specify only the items ...
2
votes
2answers
94 views

Page navigation help for business application site

I'm making a UX/UI for email service provider software and I'm stuck on how best to do the navigation/controls for this page style: first, you view your email campaigns second, you check a box ...
1
vote
4answers
132 views
+50

What is the default or accepted convention for swipe gestures on mobile application

It seem like some applications provide clear labels, icons and call-to-actions that indicate the outcome of swiping gestures while other mobile applications seem to assume a convention or informs the ...
3
votes
1answer
46 views

Best way to display a PDF and a web form together

I am making an AngularJS app that will help inspectors of different types of heavy equipment to keep track of the inspection during the process. There are many different pieces of equipment; each ...
4
votes
2answers
628 views

A tab bar with a “more/others” tab

Our iOS app has four main screens + 3-4 less important ones. My current idea for navigation is to use a tab bar with five tabs: four for the main screens and one tab called "more/others" which ...
0
votes
2answers
53 views

Prioritizing a list/table row

I have a table structure where each row is an item,now my use case involves prioritizing it based on certain parameters such that item with highest priority would come at the top. I will have a large ...
0
votes
0answers
24 views

Notification Count Badge in App overflow

What should be the maximum count for a notification badge in a app and what about when its overflow.
8
votes
3answers
17k views

iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
2
votes
1answer
153 views

mixing multi select and single select in one list of ajax results

I'm designing a mobile app (android + ios) I'd like to have a page where you can type in a search bar, and get a list of (ajax) results you can choose from. the results are a name, with either - ...
3
votes
2answers
57 views

Edit button for a text area layout

I have an edit button next to a text area but there is something I am not sure about. Is the button position suitable? If not, where should it be ideally and how to position it there?
0
votes
0answers
32 views

Responsive screen with 25 user selectible interests [closed]

What is the best way to design a 'user interests' selection screen for a content(ugc and self owned) web app. Its a screen in a WebApp that will be shown to new sign-up users. Expected traffic is ...
3
votes
1answer
40 views

Platform selection mechanism on documentation website

I am working on a website that hosts technical documentation. Some pages have sections of content that are specific to certain host operating systems, hardware configurations, etc. In total there are ...
1
vote
2answers
79 views

Telling user about action when clicking on a column in table

A table has a head row, which tells user the meaning of the column, like Google file table has name, id, mime type, created and modified date. But, in addition to presenting information in the table,...
2
votes
1answer
271 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...
10
votes
8answers
596 views

Customization of UI for single hand use

Looking at some articles written about Apples's new patent on specialised detection circuitry to whether the user is using the phone with their left or right hand, it leads to potential applications ...
0
votes
1answer
68 views

Caret symbol for collapsed and expanded vertical left menu

What is the UX behind the caret symbol used when a left menu is collapsed? Some applications use the left caret and some use the right. What's the ideal approach?
3
votes
4answers
135 views

Should I tell what the function is or not?

Sometimes, when I design the layout of an app, I always think about that should I put a short description to tell user what this function is or how to use it. But, at the same time, I also think about ...
0
votes
1answer
24 views

How to indicate proportion of tasks in each of several sequential stages?

I have many (thousands) of tasks, each currently in one of 5 sequential stages. (So every task goes through the exact same sequence, but concurrently, so that some are at a different stage from others)...
2
votes
3answers
1k 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 ...
0
votes
2answers
87 views

What could be a possible reason for the cancel button to be bold when changing an iPhone's language?

When I change my iPhone's language, this confirmation thingy (Action Sheet) pops up. As you can see, the cancel button's text is in bold. It seems like that it actually wants you to tap on the ...
5
votes
4answers
4k views

What are the little arrows called that hide additional details?

In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details. Does this UI pattern have a name? Other ...
10
votes
4answers
545 views

Should a UX Designer design in Pixels, Ems, or another unit of measurement?

I'm getting reading to set up my wireframe file for a responsive site. But after reading more about CSS pixels vs. pixels vs. ems, I can't decide how best to design the site and then communicate the ...
1
vote
1answer
190 views

How can I improve this master detail/grouping UI?

In my application, I have to represent a Work Order entity that has N Work Order Sections and each section has M sub-items. Currently, I'm representing this like so: Each Work Order has a bunch of ...
2
votes
3answers
146 views

UI/UX in emergency scenarios [closed]

can you recommend resources on good UI/UX design for applications in emergency and/or stressful scenarios? Something similar to this but a little bit more in-depth and with more general ...
0
votes
3answers
108 views

UI for browsing objects that have different types that are interconnected

I can't give the exact purpose of the app (under NDA!) but I'm trying to design an interface that lets you explore data about various data objects that are all interlinked. I have an idea of how to do ...
1
vote
1answer
44 views

How to link from read-only table without confusing users?

tl;dr Is there a way of linking from a read-only table to a settings section, without potentially confusing the user? I have a table that exists to show a user of an internal tool an overview of ...
3
votes
2answers
88 views

Radial slider for user input on mobile devices

I'm asked to implement a radial slider for user input on mobile devices. I looked through the Android and Apple specification and couldn't find such a radial slider. The user will input data through ...
3
votes
1answer
37 views

Header on a table with grouped rows

I have a table that looks like this crude paint drawing The table represents employees grouped by the company they belong to. I have a table header for the Company (name, address, city, state, etc....
4
votes
1answer
99 views

What's the key information in a cashback UI

I am building an interface where users view details about cashback they receive for x. The cashback is supposed to be re-used within the application for ordering x again. As I understand it, the key ...
7
votes
2answers
460 views

Modern UI icons vs traditional icons

I need to choose icons for the UI of a Windows Store application, and am debating between the modern ones such as these (first result for images of "segoe mdl2 assets") and the traditional ones. I ...
-1
votes
0answers
30 views

Edit cell values of a data table

As a teacher I want to enter the students scores and basing on my grading key a grade/mark is automatically computed. As a teacher I want to get an immediate validation error presented when the ...
-2
votes
1answer
95 views

Use of uppercase in navigation.

Is it preferable to use uppercase in navigation on an online application for bankers and traders?
0
votes
2answers
130 views

What is the best way to indicated a column's data is affected by the date range selected?

Our dashboard has data that is static such as names and full budgets and also has columns which are affected by the date range which is selected. The user's attention always jumps to the same columns ...
4
votes
1answer
150 views

Design of a UI which has multiple Categories, where each Category holds individual Settings

I'm new to UI Design and I having a hard time designing a new Concept for a UI. I can't give you full detail about what the application is for but it's basicly a production-planning-tool for ...
3
votes
2answers
100 views

How to handle the initial state of combo boxes?

New user to ux exchange here, so sorry in advance if this question isn't proper in any way. I'm making a small program for fun to calculate the points in a cribbage hand. Here is the gui that I have ...
67
votes
10answers
14k views

Why do editors (such as MS Office apps) have so much redundancy?

I'm thinking of making an editor and how it should differ against other editors. One of those points are promoting the work area over GUI buttons and information fields. Tool bars, menu bars, scroll ...
4
votes
2answers
69 views

Input of sequential data

I am currently working on a dialog where the user inputs a sequence of names. This sequence is simulated in the underlying code as the user types, and "issues" with the sequence are printed below the ...
2
votes
1answer
75 views

Advice/resources asked for designing a sort of “tasks to complete” layout

I'm creating a site where a user has to perform several tasks on his own. The theme lies close to a market place site where a user puts something online for sale. Think about uploading images, ...
0
votes
3answers
100 views

What could be a better workflow for this software installer step?

I have written an installer for a piece of software. It requires another piece of software in order to run (the .NET Framework, which is already installed on the majority of Windows machines). If not ...
2
votes
1answer
68 views

Tree View with Popular Sub-Items Preview

There is a geographical hierarchy: Country -> Region -> Subregion. We need to represent this in a dialogue like this: Country 1 Preview of top 5 popular regions or subregions of country 1... ...