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
2answers
47 views

How to make specific “Take action” buttons or blocks?

Let me explain what I need... I have a dashboard for transportation companies. In that dashboard, we have info about the user and all the invoices that he made: the ones that he has to correct ...
2
votes
2answers
137 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 ...
1
vote
2answers
170 views

Priorities for a UI designer [closed]

I am taking the very initial steps to develop a new app. I have done some work and I thought it is good idea to involve a UI (and perhaps a UX) designer from the very beginning. So, what I did was to ...
2
votes
3answers
93 views

Mark as Favorite interaction

My client is a large enterprise that designs its web pages on the basis of their Design library. Trying to create a Catalog for all their internal apps. After several discussions we came down to this ...
2
votes
1answer
57 views

What’s a good way to showcase “app discovery” on a platform?

A big part of our USP is to take the structure data on recipes and allow additional functionalities on top of it. Here’s an example: Clicking on the Print & Other Apps exposes “apps” like unit ...
2
votes
2answers
86 views

What's the most appropriate Metaphor for submitting a selected Item in android App?

I have designed and implemented an android application for patients aged >30. While conducting a usability Test, I found the following Issues : CheckBox: When the user searches for particular item ...
2
votes
1answer
68 views

Design implications of Balloon Tooltip vs Rectangular Tooltip

I'm using a tooltip for a validation message and trying to weigh different design options. I'm curious because in this walkthrough on using MaskedTextBox.ValidatingType, they go out of their way to ...
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,...
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 ...
16
votes
3answers
3k views

Why must a website footer always span the entire width of the page?

I am currently completing an online design course, and while watching one of the set course videos, the instructor advised: The [website] footer must always span the entire width of the screen. ...
5
votes
1answer
160 views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
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... ...
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 ...
0
votes
1answer
63 views

How to define a certain color code for an intranet? [closed]

I've been tasked with preparing a set of rules for the design standard of a collection of intranet modules. Most of these applications are already in production, and new ones are expected to be added ...
1
vote
2answers
91 views

Single and Multi-Select Up & Down Arrow Locations

I'm currently working on a interface that allows the user to order elements within in a box by using two arrows(up/down). Having designed and implemented controls of this nature in the past(some ...
0
votes
1answer
87 views

Swipe-for-options UI component

What is the name of the UI component in mobile, which when scrolled or swiped to the side reveals options like delete, edit, move etc. ?
0
votes
1answer
66 views

Icon conventions for “Ignore” and “Ignore All” [closed]

Does anyone know if there are conventionally used (best practice) icons for "ignore" and "ignore all" (for example, like in spellcheck). Thank you.
5
votes
3answers
117 views

How do I list contacts?

Let's suppose you have a chat mobile app that only sends messages. I'm the user. I want to send a message to X. If person X is in my contact list, but doesn't have the app, I text her and the ...
3
votes
1answer
95 views

What's the best way to work with master/details when inside a tabbed control?

I am working on a Windows Forms desktop application and I'm trying to come up with a good design for the whole application. I am using a sort of vertical ribbon on the left side of the main ...
4
votes
2answers
82 views

How to show metrics on performance progress vs goal?

I am working in the interface for a software, and it is very important to keep it as simple as possible. For this specific problem it was decided that colours should be avoided (if possible), so not ...
45
votes
7answers
6k views

Why do most programs separate Find and Replace dialogs?

Why do most programs separate Find and Replace dialogs? Obviously, I'm talking about apps like text editors and word processors, apps that are used for editing content. It just seems strange, at best,...
2
votes
0answers
24 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
5
votes
4answers
127 views

How to make apply changes more noticeable?

I have this problem. I'm working with an application that has a live and nonlive mode. It's used in a live show (control lights), so people usually make modifications but they are not supposed to be ...
29
votes
6answers
3k views

Designing App Interface for Parkinson's Patients?

I am currently in the process of designing a UI for an app to be utilized by Parkinson's patients. I am struggling to make the interface as intuitive as possible, as of now I have minimized visual ...
1
vote
1answer
83 views

What software would most commonly be used to create this UI animation from dribbble? [closed]

I wonder what software is commonly used to create this kind of UI animations. Click on the links below to see them in action (note that due to stackexchange.com, limitation I cannot show animated ...
3
votes
2answers
90 views

Using a carousel control in mobile app

Suppose say, in my mobile app, I want to display a list of related recommended products while the user is viewing the main product (e.g. like the way Amazon shows a list of recommended books based on ...
3
votes
3answers
70 views

Going back to a list of pages after reading a page

I'm prototyping a website which will display a list of services on a single page, in the following format. When a user clicks on the Learn more > link on a service, they will be taken to a page ...
4
votes
1answer
98 views

How can I make my “translate” feature not stand out?

I am building an app whose main purpose is providing Text to Speech service for those who doesn't know English very well. It can read the words you type in, add/delete/edit playlists, and let the user ...
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 ...
4
votes
4answers
93 views

Reducing repetitive actions in cataloging software

I have inherited a piece of software that is used to catalogue objects using a series of 6 dropdown menus with around 3-15 options in each. Once all selections are made the user can click a button to ...
2
votes
0answers
56 views

What personal computer GUI paradigms exists? [closed]

I am referring to what people would call "desktop" or "workbench" or "windowing system", but since those words are biased, I didn't put them in the title, but I mentioned now so people can understand ...
7
votes
5answers
421 views

Best way to display many yes/no options (checkboxes) and comments

I am migrating a piece of functionality from an old app (for which I only have a screenshot of the UI) to my new app, and this one part I need some advice on. In the current UI there are around 60 ...
0
votes
1answer
63 views

Examples of dialog UX concepts? [closed]

I want to design an easy-to-use set of dialogs for my users to get notified of anything & possibly interact with my app via those dialog boxes. A "Dialog box" is also known as "Popup", "...
1
vote
2answers
129 views

Examples of login forms UX concepts? [closed]

I want to design an easy-to-use form for my users to sign in. I have been looking for mockups as a first phase, but I have found more fully designed & live examples of login forms. It's great but ...
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 ...
6
votes
3answers
223 views

How to offer multiple filter options when technically constrained to one?

The Scenario I have 2 filters - Filter 1 and Filter 2. In Filter 1 users can either select multiple tabs or enter something in textbox and click Search Tag button. Doing this will do ajax call and ...
1
vote
2answers
77 views

What is the best way to show additional information on a single word in a block of text & how should the user know about it?

If I have, say, a long paragraph of text and there are certain words that I want the user to be able to tap to reveal a lot of extra information but within the same page, how do I do it ? ...
0
votes
1answer
55 views

Material Design Icon to represent spots left at an event [closed]

I'm looking for a material design icon to represent the amount of spots left at an event and struggling.. Any help would be verrry much appreciated. Thanks!
1
vote
2answers
20 views

Save untested connection when testing is possible?

I have an admin console where I can add configure different data sources for my web application. The page looks like this : Some of my queries are : What is the ideal scenario for test and save ...
0
votes
0answers
57 views

Better UX for categorization and setting up parameters

I'm building a UI, and I couldn't find a better/more intuitive solution for putting elements into categories, and then setting up parameters for those elements depending on which category it belongs ...
1
vote
1answer
59 views

Compact Tableview

I'm currently working on a web application that includes a kind of table where each row can be expanded and collapsed, respectively. I added the picture below that you can see what I mean: Now all ...
30
votes
4answers
3k views

Is there an obvious way to signal that an action leads to a confirmation?

For instance, a "Delete" button leads to a confirmation message of "Are you Sure - Yes / No". Any tips to make people aware of the fact that clicking on "Delete" isn't a final action. EDIT: I ...
1
vote
1answer
163 views

UI/UX for Comparing items based on parameters side by side in an Android App

What is the best UX/UI for comparing three to four products based on certain set of parameters in Android app. The audience is predominantly an Android phone in portrait mode. Basically users should ...
22
votes
1answer
2k views

What is the information that's always present in a toolbar called in UX lingo?

I remember reading about this type of information displayed in a toolbar before, but I can't recall or find it on the web. Ideas?
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 ...
6
votes
4answers
174 views

How to distinguish between progress and consumption visually?

I am working on a product that shows how much time the user has consumed . To represent this visually I have used a reversed progress bar but it still feels like a progress bar , increasing. Are ...
3
votes
1answer
71 views

Web tools to show a comparison between two values? [closed]

I would like to compare two values and show a comparison (or a variation) between the two values. Here is an example in my desktop app: This app is developed in Delphi so I don't have a lot of ...
1
vote
2answers
108 views

What are the advantages of websites (eg:Gmail) not using a cursor:pointer for interactive elements?

Taking the example of Gmail, when you hover over "Sign out" or "Add account" buttons the cursor is instead of Is there any particular reason behind that? There are clear drawbacks (less ...
0
votes
1answer
47 views

Rolling calendar view - choosing a start date

I'm currently building a web app that allows users to register as course attendees. Obviously, one can't register for past courses, and we would like to prevent registration in courses beyond two ...
1
vote
1answer
138 views

Best resources for modern mobile app UI design? [closed]

I am a product manager for a mobile app on iOS and Android. The app is called RockMyRun. It's a music streaming service for the health and fitness market. Our design principles are bright colors, flat ...