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)

0
votes
2answers
107 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
36 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
vote
2answers
291 views

Better option to warn user about an existing name

I’m designing a UI and user can drag and drop fields from “Available Fields” area to “Selected Fields” area as shown in image below: Now, if a user wants to rename a field, he double clicks on ...
-1
votes
1answer
40 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
129 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

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. ...
0
votes
2answers
96 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
1k 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
78 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
97 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
322 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 ...
1
vote
3answers
71 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
90 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
113 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
121 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
196 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
47 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
109 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
46 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 ...
13
votes
11answers
6k 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
175 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
110 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
140 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 ...
1
vote
1answer
88 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
261 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
193 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
361 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
107 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
206 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
188 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 ...
22
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
145 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
70 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
52 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 ...
5
votes
3answers
448 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
528 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
128 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
542 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
866 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
325 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
87 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
363 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 ...
39
votes
7answers
2k 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
155 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
88 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
65 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
990 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
294 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
332 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
466 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 ...