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
0answers
8 views

How to create a drop down in select tag in HTML, from Tree type data

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
27 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 ...
2
votes
1answer
24 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
3answers
59 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
33 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 - ...
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 ...
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
624 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
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.
1
vote
4answers
122 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 ...
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
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
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?
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 ...
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?
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 ...
10
votes
4answers
541 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 ...
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 ...
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....
-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 ...
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 ...
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 ...
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 ...
-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?
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 ...
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 ...
0
votes
1answer
24 views

How to treat 'activity' panel with no activity

I have a Web based UI, and it has a one line panel in which a summary of ongoing background activity is shown. When background activity is occurring, a spinner shows in the panel with a summary of the ...
1
vote
1answer
42 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 ...
10
votes
8answers
595 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 ...
1
vote
2answers
92 views

Displaying errors to a user - One at a time or all at once?

For context: This is a desktop application interacting with a service running on W7. I'll try and leave all the technical details out of this, but here goes: Part of my application has to send a ...
0
votes
1answer
33 views

Delete all action in a table

I have a table with certain records as shown below : If I select all the records and delete them via delete button,what approach is best for the after scenario's : Retain the table headers and ...
0
votes
5answers
125 views

Cancel and Back button on same form?

I have a web application where we end up at a screen with a form and we have both a CANCEL and BACK button on that screen. My doubts are : Should we clear out the form on pressing the back button? ...
2
votes
1answer
90 views

Should previously opened submenu collapse automatically upon opening a new sibling?

I have a web application with a left menu where each item can have sub-menus within it,similar to this example : Now,if I am under a particular menu and then I navigate to another menu item what ...
3
votes
2answers
106 views

What is the difference between “Skip” and “Continue” in an alert?

When I try to delete a file which is in use, the alert gives me 3 options: "Skip", "Stop", "Continue". I know "Stop" means to cancel this action. But "Skip" and "Continue" seems to have the same ...
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 ...
45
votes
6answers
6k views

In a sign language dictionary, should video loop by default?

I am building a visual dictionary for a sign language. Part of the dictionary is a video function where you can see someone making the sign or signing a definition. These videos are pretty short, 1-2 ...
1
vote
0answers
36 views

Android: StackView Widget with Graphs in it [closed]

I want to design a stackview widget for home screen which should display real-time graph of a particular stock co. with some text under it..Like This Graph will be something like this If any one ...
2
votes
2answers
53 views

UI label type prefix/suffixing consistency

We are having a small debate between QA and programmers on the best consistency for labels. On a form with about 40 data entry controls we have around 6 date fields. A small example of these fields ...
0
votes
4answers
44 views

Pagination error/validation approach

I have a table to display certain entries,that table includes pagination as shown below: I could think of two approaches to show the validation/error message: Highlight the box if the user enters ...
3
votes
4answers
131 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
4
votes
1answer
103 views

Advice on how to re-order elements for smaller screen size

I have a web app that displays data in tables. And there's different options to display that data. In full size the options show as follows: The two blank boxes are input boxes and together with ...
3
votes
2answers
144 views

Alternative to checkbox matrix

I'm a developer designing a portion of a UI the allows the user to select certain configuration options. There are 4 different sections that can be configured. Select countries, and then languages ...
0
votes
2answers
94 views

Are hover features more discoverable in simple desktop web UIs?

Thinking only in the scope of a desktop website, I'm wondering about the discoverability of mouse hover functionality. Allow me to contrive a scenario to explain my question: Let's say I'm designing ...
0
votes
1answer
43 views

What Android GUI design patterns are suited for multi-stage process with a separate screen for each stage?

I'm working on an app in which the main workflow consists of two stages or phases, each with its own screen. What I have right now is two activities, the first one of which has a "Continue" button ...
3
votes
2answers
71 views

Showing progress for a determinate task that changes unexpectedly

The standard pattern for the use of progress bars/status is usually divided into two different types: Determinate progress where the amount of time/tasks is known, and the user interface reflects/...
1
vote
0answers
63 views

Home Page design for a File repository

The product is a file repository / publishing software that is managed by admins. Admins add file and reports, that can be promoted to the landing page carousel or to their respective folder based on ...
1
vote
1answer
69 views

What UI element is used in Google Analytics Custom reports?

Both the metric group and drilldown dimensions in the Google Analytics Custom report use an interesting user interface (UI) element where the user can add any amount of elements to a list. These are ...
1
vote
1answer
60 views

Need some ideas on how to show the list of users in a table? [closed]

I am working with the report module of a website. I have the following table design. Now I also want to show a list of user with which each report is shared. I am stuck on how to implement this as ...