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
62 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 ...
66
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 ...
1
vote
1answer
47 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,...
3
votes
1answer
53 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 ...
27
votes
6answers
3k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
2
votes
1answer
74 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, ...
15
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. ...
1
vote
1answer
50 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... ...
0
votes
1answer
61 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 ...
5
votes
3answers
114 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 ...
1
vote
2answers
76 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
81 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. ?
31
votes
14answers
17k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
0
votes
1answer
64 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
5answers
15k 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 ...
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,...
3
votes
1answer
81 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 ...
3
votes
1answer
154 views

Where to place navigation menu - above or below featured image rotator?

I'm working on a car leasing website, and trying to place the navigation correctly. In my opinion, it seems better to follow the 'typical' website layout, where the navigation is either inline or ...
4
votes
2answers
77 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 ...
1
vote
2answers
142 views

How to layout iOS with little content?

I am new to iOS development and was wondering how to layout the UI when I don't have much content? Below are the two extreme sizes of iOS device, iPhone 4s and iPad Air. The 4s screen looks OK but ...
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 ...
2
votes
0answers
23 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 ...
1
vote
1answer
79 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
3answers
339 views

Interactive or graphical representation of decision trees

Looking at coming up with some new concepts for decisions trees that can be used/adapted for both mobile and desktop views of a web application. Just wondering if we have evolved from the classic ...
3
votes
2answers
78 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
65 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
2answers
167 views

Resource recommendations for designing graphical + command line interfaces?

Perhaps one of the most prominent examples of a combined GUI + CLI is AutoCAD. AutoCAD has reached the point where (almost?) everything that can be done with the CLI can now be done with the GUI too, ...
2
votes
1answer
533 views

Designing the UI of a chrome extension's popup

I just built a chrome extension for my college. It helps students know their total marks and % without manually adding their marks. The user doesn't interact with the popup. He only watches the ...
7
votes
5answers
411 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 ...
4
votes
1answer
97 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
1answer
157 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
4
votes
4answers
2k views

Standard for entering latitude/longitude in text fields

Is there a standard for users to enter latitude and longitude into two text fields? Decimal degrees is probably easiest, as it can be entered in one single fell swoop. The standard for geocaching (...
4
votes
4answers
91 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 ...
8
votes
5answers
2k views

How to design an IDE? [closed]

I am looking for professional advice including blogs and papers on how to design scalable Integrated Developement Environments (IDEs) and different approaches to it. By scalable I mean that the IDE ...
2
votes
2answers
351 views

What's a good mobile navigation strategy for hierarchies with few children?

Say your IA hierarchy is like this: Main section A Feature 1 Feature 2 Feature 3 Main Section B (List/tableview) Item Detail 1 Detail 2 Detail 3 Main Section C The traditional iOS-style ...
2
votes
0answers
55 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 ...
0
votes
2answers
388 views

What's the best way to offer hour selection to users in this design?

I've been trying to define the best way to show hour selection on this design. We want to offer very time focused services to business travelers, so time must be relevant on the homepage. We design ...
0
votes
1answer
60 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
117 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 ...
6
votes
3answers
211 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
73 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 ? ...
5
votes
5answers
1k views

Multi-range Slider for Budget Allocation

I'm currently designing a slider that will be used to allocate a fixed budget to different channels. I posted some shots of the current design below. Right now, it's possible to simply drag the slider ...
2
votes
2answers
2k views

What UI design pattern for choice between 2 actions comes to your mind?

My goal: find optimal UX/UI pattern. Pattern's goal: give a user choice between two actions. Simple example: http://dribbble.com/shots/599154-Choose-Your-Option Here is UX/UI pattern I implemented (...
3
votes
1answer
86 views

Usability testing of GNOME Shell?

I've searched around the internet in vain for usability studies that would validate the controversial design of GNOME Shell. Has anyone else had better luck or would know where to look?
0
votes
1answer
51 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
19 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 ...
4
votes
4answers
2k views

Material Design for Web apps?

I'm working on an admin portal (angular, jquery, bootstrap..) and I'm pretty comfortable with bootstrap and I think that the bootstrap designs are pretty cool. Now, my colleague insists on changing it ...
1
vote
1answer
54 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 ...
0
votes
0answers
54 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 ...