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)

1
vote
1answer
157 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 ...
1
vote
2answers
165 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 ...
23
votes
8answers
2k 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
110 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
170 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
930 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, ...
3
votes
5answers
253 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
43 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 ...
2
votes
4answers
222 views

Warning message to the user if name he enterred already exists

I want to warn user if the field 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 field name with this name ...
0
votes
1answer
115 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 ...
0
votes
1answer
154 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 ...
0
votes
2answers
91 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 ...
0
votes
2answers
161 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
0answers
39 views

Default Confirm Button [duplicate]

I have a confirmation box that appears when deleting an item. What are is your experience, should the button's default focus be on the "Ok" - delete item, or the "Cancel" - Do not delete. My thought ...
-1
votes
1answer
41 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
2answers
109 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 ...
7
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
1answer
110 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 ...
3
votes
2answers
107 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 ...
16
votes
3answers
363 views

Tag-like UI element

There is a UI element that I have seen in several places, but in trying to find an implementation for it, I realized I don't know how to correctly refer to it. The element that I am thinking of is a ...
22
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 ...
2
votes
3answers
93 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 ...
1
vote
1answer
138 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 ...
0
votes
1answer
134 views

Improving the process flow and increasing the clarity of my mobile app

I've been redeveloping the notifications/ride sharing option in my taxi booking and sharing application. The Premise When a user requests a seat in a taxi you've booked, then you receive a ...
2
votes
1answer
207 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 ...
3
votes
0answers
231 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
52 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
116 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
1answer
49 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 ...
14
votes
11answers
8k 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?
1
vote
2answers
190 views

Do you call a clockwise logic line still clockwise if it's rotated counter clockwise?

Just like my last question, i have another terminology related question. In my drawing app, the user can set a logic line which can detect other objects touching or passing the line and removing those ...
0
votes
1answer
121 views

Designing a main activity

My Android app has about 5-6 main actions such as messages, photos, etc. I am trying to design a main activity that will link to those actions and I'm not sure how should it be designed. I have ...
1
vote
1answer
165 views

Adding a way to tag tags?

I have what I call a 2 dimensional tagging system. You provide a data element and tag it. In this case the data element is a ( url , title, favicon ). Here is the UI for it: However I want to ...
2
votes
1answer
141 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 ...
3
votes
5answers
290 views

Is it better to put “Preview” on an iFrame with a specific height or just show it in full?

We have a page that shows a preview of another page (newsletter) on an iFrame. Now we have two ways of displaying this: Give the iFrame a specific height so that the user can scroll up / down ...
4
votes
2answers
222 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 ...
6
votes
1answer
377 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 ...
-1
votes
4answers
133 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 ...
1
vote
4answers
319 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
221 views

Displaying search results for large hierarchical data

We have large hierarchical data which we would like the users to allow search on. The problem we are facing is in displaying the results. The search results can occur at any level and we would like to ...
23
votes
9answers
4k views

Why are graphical user interfaces considered user-friendly?

Why are clients usually attracted to graphical user interfaces? Why aren't more applications developed using a console (command line / terminal) interface?
0
votes
1answer
168 views

What is the best way to show multiple files to an reviewer?

Say you have emails with resumes for a job position and applicants have multiple files attached with their emails. The current view of the web app is like similar to the picture below where users need ...
1
vote
1answer
85 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
62 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 ...
6
votes
3answers
505 views

n-to-n selector UI

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 ...
3
votes
6answers
555 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 be ...
1
vote
2answers
131 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?
8
votes
3answers
3k 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 ...
12
votes
5answers
885 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 ...
2
votes
4answers
404 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 ...