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
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
50 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 ...
15
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
192 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
122 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
169 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
151 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
293 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
227 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
381 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
137 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
334 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
225 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
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
1answer
90 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
63 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 ...
3
votes
6answers
560 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?
9
votes
3answers
4k 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
890 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
414 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
110 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 ...
3
votes
5answers
602 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 ...
42
votes
7answers
3k views

How should you show that an accordion is expanded?

When you have an accordion, you need some way of showing the current state is expanded. There are a number of different ways of handling this, and each is used by a number of respected websites and ...
1
vote
2answers
211 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 ...
0
votes
1answer
124 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
80 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 ...
2
votes
2answers
2k views

Where can I find some inspiration for mobile game user interfaces?

I'm trying to develop a game on a mobile platform and I'm having a lot of trouble developing a diablo-like equipment screen. I'm having trouble fitting all useful information on one dialog. ...
2
votes
4answers
345 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. ...
6
votes
2answers
434 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 ...
2
votes
3answers
519 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
0
votes
2answers
424 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 ...
0
votes
2answers
140 views

What is the best way to show various options dependent on another user's account?

Say you are in Linkedin's Network page. (If you log onto Linkedin and click on "network") Let's hypothetically say that Linkedin contains both people already on the platform and people outside of the ...
2
votes
2answers
133 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
192 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 ...
4
votes
1answer
217 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, ...
-3
votes
2answers
537 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.
1
vote
3answers
193 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
531 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
155 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
298 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.) ...
0
votes
1answer
172 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 ...
3
votes
2answers
240 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 ...
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 ...
0
votes
2answers
121 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 ...
6
votes
4answers
316 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
156 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 ...
4
votes
3answers
220 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 ...