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)

6
votes
1answer
384 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
234 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
142 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 ...
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 ...
1
vote
4answers
357 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
91 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
64 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 ...
9
votes
3answers
628 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 ...
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?
3
votes
6answers
561 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 ...
12
votes
5answers
894 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
293 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 ...
9
votes
3answers
5k 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
422 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
116 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 ...
0
votes
1answer
127 views

Is my user interface color contrast good and is there a better way to place the information [closed]

As stated in the question, can I get some comments on the way my UI is placed and the color contrast. Appreciate any feedbacks. Thank you.
1
vote
3answers
86 views

Comments at the heart of a document

Context I just read the amazing question Emerging UI trend: comments in the margin - pros and cons?. I noticed this trend of putting the comments on the side of the documents (Google Docs is maybe ...
3
votes
5answers
661 views

Which UI is more user-friendly and effective: Tabs or Collapsible Panels?

Not sure if the collapsible panels have a different name but I have seen them referred to as rollouts. I have used many applications that use one or the other or both, but I am wondering if there are ...
0
votes
1answer
173 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
2answers
223 views

Are sliders inefficient controls for desktop applications?

I always thought sliders weren't as optimal for numerical parameters. You not only have to look where the parameter is, but also where the slider is and ensure you are clicking exactly there to make ...
2
votes
4answers
349 views

Food app UI decision - clean/realistic vs fun/game-like [closed]

I am in an early stage of designing a food-related mobile app with a social component. I have two main options: Clean, simplistic approach with focusing on the food images as the main attraction. ...
1
vote
2answers
244 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
23
votes
9answers
5k 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
2answers
435 views

Is this a good approach to add same background image for login page and other page

I am confused, because I want to create an app with real designs suggested by Google, for that I am using Google + design / Google 4.4 kitkat design . I am designing an Android app, in which I have ...
2
votes
2answers
135 views

Is there a clear separation of function from visual design in the Microsoft 'Metro' UI?

There have been many design projects that are using the Microsoft UI design style/pattern to build web applications and mobile apps. Many current software development teams are using Agile ...
4
votes
3answers
199 views

How to make textual messages in an internal company web app casual and interesting?

I'm planning to develop a web application for our company's internal use. So I need to design the UI of the application in a casual way. My intent is to make the system interesting. An example of ...
6
votes
2answers
451 views

How to present a todo list / checklist to a user

I'm working on a website where each user have to fill some forms to add some data which must be validated by some administrators. I won't enter into details in order to find a general solution which ...
1
vote
3answers
205 views

Interaction patterns for consecutive/linked multiple selects

I have a web app and need to add a page where the user must select 1+ sets of 2 groups of items: Animals and Colors. In other words, they should be able to select 1+ Animals, and 1+ Colors. But, the ...
0
votes
3answers
663 views

Desktop UX vs. Web UX [closed]

As a C#/WPF developer and a beginner to UX I find it hard to apply some ideas to my desktop applications because most of UX books are focused on web development. What are the main differences between ...
1
vote
3answers
159 views

Link Styling - Active, Hover, etc

I've noticed many sites throughout the web from SBNation to smaller sites not having an 'active' (selected) style for their links. Sites like USAToday do have active states highlighted. My assumption ...
3
votes
1answer
307 views

What do dark and light dashboards communicate to users?

There are a couple of closely related answers about this on here, but none that gets to the question I'm asking. Outside of a what a user brings to a design (preconceptions, mental models, etc.) ...
4
votes
1answer
229 views

What UX guidelines should one keep in mind when designing the GUI for a automobile center stack/console?

Desgining the UI for a center stack (100% touchscreen), still in the wireframe stages. However, when mocking up the home screen, it dawned on me I don't know much about UX (I do mostly backend work, ...
0
votes
1answer
147 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 ...
1
vote
1answer
62 views

How would I reflect the possible changes to the journey that could follow a decision?

I'm currently working on the UI wireframing for a taxi booking and sharing app. When a user requests a seat in a taxi you've booked, then you receive a notification. Prior to making a decision of ...
3
votes
2answers
248 views

How to avoid a too cluttered UI on mobile devices?

One of the features of my mobile application, is the facility to request a seat on a journey. The user can view details about the journey, and then selects the "x sharing" link to pop down ...
0
votes
2answers
124 views

Is this notification page for my taxi-booking/sharing app clear enough?

I've recently redone the UI wireframing for my taxi booking/sharing app's notification screen. On the notifications screen, the user receives updates on any taxi share requests or messages they ...
0
votes
1answer
83 views

How do you deal with notifications that cause changes to a situation or require a response

I have a bit of a dilemma. The above screenshot shows the UI wireframing I'm doing for a taxi-booking and sharing mobile app. Now when a user requests a seat in a taxi you've booked, a couple of ...
0
votes
1answer
179 views

UX question for pricing packages pages

On pricing package pages if we are giving the customer an option to customize the price for the package what's the best way it should be handled to give the best user experience for the user? I ...
6
votes
4answers
349 views

Simple filter to allow for either AND or OR

People need to be able to search for their saved recipes on my site. They can give their recipes tags such as: Desserts Breads Thanksgiving In some cases they want to do an OR search: Show me ...
3
votes
2answers
166 views

How to indicate hierarchy from left sidebar list -> horizontal top tabs

I have a desktop (i.e. not mobile) app with an overall two level hierarchy: Items -> Dimensions Typical number of items/dimensions: Items: 2-40 Dimensions: 3-4 Item 2 -> Dimension A is of the ...
5
votes
3answers
225 views

Transition to new Design, offer a 'Classic Mode' or not?

I redesigning a GUI of a programm, that is in use by customers for several years. Now the icons should be replaced with more simplified versions (like Metro style) and also the design regarding the ...
0
votes
1answer
323 views

Grid design for complex data design

The purpose of making the design grid / cards alike is to display the information directly to the users, so we avoid things like accordion, drop-down that could have hidden information. The ...
1
vote
2answers
165 views

Non-ordered workflows

My team is developing an application on a mobile device involving a lot of scanning of barcodes (industrial applications, yay). Mobile = limited real estate. In a particular case, we need the user to ...
2
votes
1answer
54 views

Should tabbing focus on datagridview

Should pressing the tab button within a windows form take the focus through a datagridview? What is the typical expectation of windows forms users from other applications? The purpose of the form is ...
0
votes
3answers
96 views

How to capture language of input?

I am making a Windows Phone application that scans barcodes of grocery items. If the barcode is not found I ask the user to fill in info such as name brand unit size I am mainly focusing on ...
1
vote
1answer
67 views

How relevant is for a user the amount or batch of results shown?

In a scenario with for a specific search, a preliminary design has been paginated in large batches of around 300 results and, besides showing the number of results obtained, it also showed the range ...
1
vote
3answers
228 views

GUI pattern for an unkown number of parameters

I am designing a form which requires the user to set a long list of parameters and a value. Each entry in the form can have any number of parameters, though some do have typical values. In the past I ...
0
votes
2answers
107 views

Is the following phrase appropriate for my notifications screen?

I'm working on a mobile app which allows users to book and share taxi journeys. One of the features in the app is a notifications screen which alerts the user each time they get a request for a seat ...
-3
votes
2answers
649 views

Current Web Applications with bad user interfaces

I am looking for some web applications with bad user interfaces. I need to find an application that can be redesigned using some standard user interface principles.
0
votes
4answers
163 views

Is this rebook/more button in my UI in the right place?

I'm worried that it is taking up too much real-estate at the moment - and the massive gap besides the button that can be used for something else or perhaps be made less apparent. What do you think? ...