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
4answers
244 views

Useless IE context menu option

I was using my IE 10 when I right-clicked a link and its context menu showed up, I saw the first option was "Open Link". First thing that came to my mind was "What a useless option!". Since if I would ...
1
vote
1answer
494 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 ...
2
votes
2answers
1k views

How to offer multiple actions on table items, within the table?

I have a table that users need to scroll through and carry out specific actions. The actions are things like "Remove", "Flag", "Send to", but in the mockup below they're just Action 1, 2, etc. Right ...
1
vote
2answers
521 views

Dynamic Progress Indicator

I am currently working on a responsive web app and am having some issues designing a progress indicator that I am happy with. The app is a workflow based tool which works by displaying cards ...
-1
votes
1answer
72 views

XML generator through UI

I'm working on an application which helps user to create XML from UI and below is the UI screen shot. Problem statement: User can create field groups and fields attached to it, there will be 20+ ...
24
votes
8answers
3k views

When a star-rating is right-aligned, should I fill the stars from right as well?

When building graphics for an app, I have right-aligned a rating from 1 to three stars. Being mainly a designer, my gut told me to fill the stars from right to left. So, i.e. empty empty filled for a ...
0
votes
1answer
317 views

How to display a lot of filters (cascading and/or not)?

I have a dashboard for an internal web application in my company. I have 4 charts and labeled combobox filters related to these charts. The user can select a specific value in the combobox or select ...
1
vote
2answers
221 views

What type of menu is this? And is it good to use?

Does anybody know what this type of menu is called? Something like on SitePoints website and maybe the one on Pure. The colorful menus is what I'm asking about. And are they good to use?
9
votes
7answers
2k views

Showing user's (name) initials but what if more than 1 user have the same initials?

I'm designing an app where users can assign tasks to other people. The space I have available to convey to whom the task is assigned to is about 23-25px. So right now we're just showing two initials, ...
0
votes
1answer
92 views

Preferential ordering of content when comparing two items side by side

When comparing two items side by side, is it better to show the given or known item first or show the unknown variable first? I have a tabbed interface to show the differences of common eye issues ...
3
votes
5answers
489 views

Should text-alignment of drop-down menus be left-aligned or right aligned?

I came across this right aligned text dropdown menu on eBay.com: While I'm sure I've seen this before, I've never contemplated the benefits. In this context, is this method more beneficial than the ...
0
votes
1answer
147 views

How can I replace a clickable list in a GUI without annoying the user?

I have a screen in a mobile app consisting of the title of a data object at the top, with a short list of actions underneath. (The layout of these on the screen is not set in stone, so if your answer ...
2
votes
4answers
820 views

Warning message to the user if name he enterred already exists

I want to warn user if the file name he enters already exists and ask him if he want to try with another name. Following options I think will go good in such situation: "A file name with this name ...
0
votes
1answer
296 views

Full width background images

I want to allow users to upload full-width background images that would take up the entire width of the page (with a set height of 500 pixels). However, the issue is, what should be the minimum ...
1
vote
2answers
175 views

Should the iOS slide out menu link to all features or should it avoid duplicates?

On my home screen, I'm linking to a few of my main features and putting the rest in my slide out menu. I'm wondering if I should list the features available in my home page on the menu as well. It's ...
0
votes
2answers
196 views

Issues with 2 Column Search Results [closed]

Is there anything wrong with having a 2 column search result set? I have a list of Customers and Contacts. Each result has a lot of information: Name, ID, Status, Location, Last Modified, Display ...
1
vote
3answers
518 views

Better option to warn user about an existing name

If a user wants to rename a file, he double clicks on file name, and name becomes editable. If user types an already existing field name and presses “Enter” or click outside the edit box, there could ...
-1
votes
1answer
77 views

How we can relatively increase size of all elements [closed]

Am new to this forum. Actually I can horizontally increase all elements width by putting their width in percentage(%). So that in a normal wide screen the pages are rich with label and its associated ...
0
votes
3answers
402 views

Best way to do colours and sizes for eCommerce site

I am doing an E-commerce site like Ebay but for clothing industry and I want a way that users can manage colours and sizes. Sizes should be based on quantity. Based on this what,s the best way to ...
0
votes
2answers
136 views

Is it relevant to use “switches” buttons in non-mobile app?

I want to use this kind of UI elements in my web app. They look nice and they don't lake a lot of place in the layout. I don't see them often beside mobile app, is it a good idea to use them for ...
2
votes
1answer
357 views

Color picker in touch devices

I'd like to know about design templates for color pickers that would work well on touch devices, more precisely on tablets. It should be intuitive, it's for non-experienced people and specially for ...
4
votes
2answers
144 views

Links vs Actions

This question may be a little vague, but thought I would ask anyways. I'm working on application that has alot links and actions visible in my interface. Most of my actions are accompanied by some ...
23
votes
6answers
2k views

Next vs. Continue

Is there any situation in which either Next vs. Continue would be more appropriate to use? I'm working on an application that has many, many different forms (data entry), and have been using the word ...
3
votes
1answer
396 views

tooltips on touch

Is there a way to do tooltips on a button in touch devices? On a large screen, if I have a button and some additional content on what that button does, I would use a tooltip. Suppose am doing ...
4
votes
2answers
351 views

Two different views and a link

I am working on a web page where a data entry can be viewed in two different ways: a table view or an interactive view. Also, there should be a link that takes the user to a "compare" page. I am ...
2
votes
1answer
817 views

Why are those Sign-in/sign-out icon a convention?

I've been recently implementing a custom icon-font & I decided to use those icons for Sign-in/sign-out: My only real reason being that choice is that it seems to be a convention in all major ...
0
votes
5answers
266 views

Having a hard time placing the refresh button

I am developing a carpool app, and on the search results screen, I need to provide the user with 3 primary actionable opportunitie when this dude talks to the driver, the driver will confirm. and ...
2
votes
3answers
133 views

How to make input/output connections between lots of items easier to make and manage?

I have an application that I'm trying to finish for release that allows a user to link "channel values" together. Here is an example workflow of how this currently works - taking an on-screen fader ...
3
votes
2answers
106 views

How to cope with items of vastly differing durations in a schedule control?

I have to create a schedule control for displaying items with duration as little as 1 seconds and potentially as large as couple of hours. First thing which seems clear is that I will need some kind ...
3
votes
0answers
337 views

Are Youtube style loaders the next big UI trend? [closed]

Given that we are in an age where there are a lot of single page applications and AJAX calls are abound, are youtube style AJAX loaders a good replacement to the loading gifs? Its such a simple ...
1
vote
1answer
80 views

Notes related to a field

I'm building a workflow application in which users are assigned to tasks. Each task has a large number of fields which can be of various types, e.g. dropdown, textarea, or even data grids they can ...
1
vote
1answer
71 views

What are the usecases for which browser users would thoroughly inspect the site's SSL certificate?

When a site is opened via https:// in Firefox and Chrome browsers the address bar shows the well-known "lock sign" meaning that the connection is encrypted and "just relax, it's secure". If the user ...
2
votes
2answers
131 views

Present GUI proposal variants side by side or one by one?

I'm presenting different Photoshopped mockups of a certain view of an Android app I'm developing for a company. I have around three, four variants. Is there a "best" way to present these? ...
1
vote
4answers
764 views

What are some ways to manage more data on single page without scrolling?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
3
votes
1answer
500 views

How to present overdue items in a progress tracker

I'm working on a mobile app that helps users track the tasks they have planned for each project. The states (status) of the tasks are: Not Started, In Progress, Completed, and Overdue. I thought I ...
6
votes
1answer
457 views

How to handle lots of space with little content in a web app?

Currently I'm working on creating an interface for a web application. The main menu is at the top, a sub-menu is collapsible on the left side and another collapsible bar (pretty thin) on the right ...
4
votes
2answers
399 views

Is it a good idea to add new rows on top of existing ones?

Consider my fiddle implementation of a table1. (For those who are curious, here is the code2) At the beginning, my table was more conventional, featuring the + button below the table and adding new ...
-1
votes
4answers
299 views

Question for a collage maker app [closed]

I am creating a collage maker app for Windows Phone. I have a simple yet intriguing question in mind. Being a student developer, I cannot support both borderless collages and those with borders ...
9
votes
7answers
2k views

Why do the popular browsers copy each other's user interfaces?

Why do all the popular browsers blatantly copy each other's user interface? See these screenshots to understand what I mean: Mozilla Firefox (see Australis is landing in Firefox Nightly and ...
2
votes
4answers
712 views

Famous (cluttered) UI fails that greatly improved [closed]

I'm working on a presentation to motivate cleaning up the UI. To get rid of information that might be "nice to have" but is not relevant for everyday use. (Those typical features people brag with, but ...
1
vote
1answer
205 views

What is the best way to display flashcards?

I'm creating a web application that displays flashcards. Basically, they are cards that have got, on one face, a word in a language (for example "Eat") and on the other side the same word in an other ...
2
votes
1answer
107 views

How to clear selection which may fully cover the control's area?

Background: A picture is worth a thousand words: Well, but now that thousand words... What you can see on the above image is the time line control I'm working on. There is a line graph with some ...
12
votes
3answers
1k views

n-to-n selector UI [duplicate]

I am looking for a name of one specific UI element. I have unsuccessful tried to identify it before but this attempt failed. What I am looking for is an n-to-n selector where items move between two ...
1
vote
2answers
149 views

Correct way to tell file size to user

When a web application wants to tell its user the size of the file the user intends to download, should the app tell the user its logical file size or the size of the file on disk?
6
votes
6answers
888 views

Better UI for exchanging blocks up and down

I have developed a UI as shown below: Now I want to add a functionality to this UI that if user wants to exchange positions of if and else if blocks, he must be able to do that. One option could ...
12
votes
5answers
1k views

Is it recommended to play a sound for warning and error messages?

When you quit an application and it shows you a dialog box asking if you want to save or when you open a file and an error is encountered, some applications play a sound. By sounds I mean short, but ...
1
vote
1answer
543 views

How can you best filter table data: sliders, text input, or a combination of both?

I am designing a data web page (where most people viewing that page is looking up the data) for a game fansite and one part of it looks like this download bmml source – Wireframes created ...
19
votes
4answers
42k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
2
votes
4answers
903 views

HUD UI design - what drives the line and transparency theme

I notice one thing common in HUD software, and that's the line-ish (thin line bordering, line pointing), semi-transparent UI they have. Even some icons are outlines of the actual thing. Haven't tried ...
0
votes
2answers
363 views

Are dark themes more effective than light themes for artistic software? [duplicate]

Before there were more apps using light themes, but for a while more and more apps come with dark themes. I personally really like working in dark themes. They are very easy on my eyes. Of course ...