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)

8
votes
5answers
953 views

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

First post here. Have no idea what tags to use. I hope my question is relevant. Please comment if you don't think so. I'm thinking of making an editor and how it should differ against other editors. ...
11
votes
3answers
1k 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. ...
-1
votes
0answers
28 views

Design concetps and patterns for a digital workspace in current web applications

I am looking for references to design concepts and patterns that is related to a digital workspace that is generic for working collating information from different sources and working with them. I ...
3
votes
0answers
60 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 ...
1
vote
1answer
31 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... ...
2
votes
1answer
26 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
49 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
65 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
79 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
0answers
28 views

What is the best website for searching housing you have ever used?(webs like airbnb) [closed]

good map experience: smooth of zooming in&out with delicate icons or buttons' transform; the density of pins on map is appropriate(can hardly causeTrypophobia) ; good search experience: the ...
0
votes
1answer
57 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
100 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
64 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
71 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 ...
44
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 ...
2
votes
0answers
22 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 ...
4
votes
3answers
75 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 ...
28
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
73 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
62 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
59 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
91 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
88 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
87 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
53 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
400 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
55 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
107 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 ...
3
votes
1answer
99 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
199 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
70 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
48 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
18 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
49 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
52 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 ...
29
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
82 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?
2
votes
0answers
46 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 ...
6
votes
4answers
170 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
65 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
105 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
37 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
123 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 ...
1
vote
0answers
42 views

Best way to create responsive sidebar content [closed]

I'm working on a project that I would like to be responsive so it can be used on mobile devices. A major part of this project is a content-design area that has a lot of "tool" options and parts that ...
1
vote
0answers
38 views

Where can I find best practices for user interface design and layout of smartphones and tablets? [closed]

Phones and tablets have an expected UI - when you power on the device, you see a background overlaid with icons for your apps. It's become ubiquitous for any smartphone and tablet. How can I find ...
4
votes
4answers
164 views

Is top navigation an accepted pattern for mobile devices?

I have always found the bottom nav bar to be one of the worst UI conventions in common practice, as it is a violation of information hierarchy. Of course, the hamburger menu is also universally hated, ...
3
votes
3answers
265 views

Should I write a title next to a button icon?

Is it necessary to write what a button is if you have a picture? This is a very general question, and I think the answer to that would be: It depends how clear the image is. So my question is if the ...
3
votes
2answers
106 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
0
votes
1answer
106 views

Proper UX on a Widget dropdown menu

I am designing for a piece of web-based software that has a drag-n-drop functionality for "widgets" that can be placed in one of three columns. Over the 2 years of development the list of widgets ...