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
13 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 ...
1
vote
1answer
32 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 ...
0
votes
2answers
27 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 - ...
2
votes
2answers
153 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
215 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
20 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
119 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
620 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
592 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
537 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
145 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
107 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
87 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
459 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... ...
-1
votes
3answers
2k views

Desktop UX vs. Web UX [closed]

As a C#/WPF developer and a beginner to UX I find it hard to apply some ideas to my desktop applications because most of UX books are focused on web development. What are the main differences between ...
1
vote
0answers
40 views

Windows 10 desktop-only ux guideline AND show case applications [closed]

I was previously developing Android apps. There we have the very detailed specification of the Material Design AND there are apps like Google Mail, Google Drive, Google Docs, Google Calender that ...
11
votes
4answers
1k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team observed users missing the tabs and only noticing them when we ...
1
vote
0answers
38 views

What is the best way to build visual boolean queries? [duplicate]

What are some good examples of building complex boolean queries? The requirements for the interface would be: The user is able to use AND, OR, and NOT statements The user is able to next queries in ...