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)

3
votes
1answer
138 views

Snapping to grid

What is a good threshold for a UI which allows users to place objects, snapping them to a grid? 25% of the grid size? Less or more? Should the user be able to change this?
3
votes
2answers
1k views

Where should ads be in iOS App?

I am finishing my iOS Application which includes Ads. In iOS, Apple recommend developers to put ads at the bottom or top of the window (View). Does the cash the developers create change if you put ...
59
votes
12answers
6k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'? [closed]

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
1
vote
2answers
167 views

When should a select be replaced with a combobox?

I'm working with a site that is currently making heavy use of comboboxes. In fact, every select in the whole application is automatically turned into a combobox on page load. My first inclination is ...
7
votes
4answers
230 views

Does number of screens affect usability of a specific software?

Does it matter to the user if the application has 70-80 screens as long as all the functionality are provided? Does it depend on the platform, e.g. Handheld devices vs Desktop ? Is there a limit on ...
6
votes
8answers
406 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
0
votes
2answers
257 views

Different ways to show photo being selected with tag

I am trying to do a UI that show a photo (or box) being selected and tagged. For example: http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg Original ...
55
votes
9answers
51k views

What is this side menu called that can be found in many multi-touch apps, and where does it originate from?

It can be found for example in the YouTube and Facebook app.
7
votes
7answers
290 views

How much choice should I give users?

I am considering adding an update to my iPhone app that allows the user to choose many new features such as the background image, where certain buttons are located, button colors, button design, ...
6
votes
2answers
174 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
7
votes
4answers
558 views

Better way of merging two tree views into a single

I am working on a UI design which has two tree view components to show data hierarchy. Each tree shows same data but has two different functionalities. I felt showing them in such a way will confuse ...
10
votes
2answers
547 views

Whats the best way to present a time duration to user?

We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle. Looking for simplicity and accuracy. I've added two examples that we've been working ...
4
votes
3answers
171 views

One click 'select' and 'continue'

During a subscription process; the user has to select a product, out of a possible four, and then advance to the next stage where they enter their payment details. Is there a preference over having ...
4
votes
5answers
357 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
8
votes
2answers
301 views

Has user testing ever revealed that you have to change your app's UI colour?

Dark-themed UI colours have been popular for a while on certain desktop applications (Adobe Lightroom as an example), and seem to be popping up on mobile applications as well. I'm referring to the ...
6
votes
1answer
216 views

best way to add multiple child records at once?

I have a system in which Procedures can be defined. Each Procedure has a series of steps (each step having some attributes) It is reasonable to assume that the user will add all of the steps while ...
5
votes
1answer
155 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
11
votes
3answers
287 views

Can placing dark and light elements or blocks next to each other in a UI lead to problems in visual perception?

A designer on my project has proposed something that uses both light and dark backgrounds within the same context (basic mockups below). A short background for the app: It is a platform on which ...
5
votes
3answers
361 views

Refresh button on a website

Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below? First I thought it's a good idea, but know I start to think it's not so ...
8
votes
2answers
922 views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
26
votes
3answers
1k views

What to do when a page's content doesn't fill up enough of a fixed area?

An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area. Consider the mockup below, ...
4
votes
1answer
113 views

What is the term for making one UI component better but is not in sync with whole of UI?

Individual UI component owners (developer/GD) tries to make their component more useable/shining in the process losing the focus in the overall picture. I have somewhere read this to be something like ...
7
votes
3answers
211 views

How are GUI and User Experience issues, approached by open software developers?

In my opinion, among open software developers there is not much attention given to the GUI or how it is used. With very notable exceptions of course, Blender, Ubuntu, VLC, and maybe others I've not ...
1
vote
1answer
90 views

integrating a social-network application into existing app from a UX point of view

We had a web app that acts as a travel portal for consumers - tours, hotels, attractions and so forth. It has recently been decided that a facebook-type platform be integrated as well. I am ...
6
votes
3answers
332 views

displaying cascading comboboxes

I have a text editor with several tools on a page. and I want to add cascading dropdowns to the tool list. For example, I have two comboboxes: 1st is filter with values: All -selected by default ...
1
vote
1answer
304 views

Designing a marker pin for google map

A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding. Check the example below, the ...
0
votes
2answers
66 views

Alternatives for a “speed dial” to recall recent/historical data?

Any solid conventions/alternatives for a "speed dial" to recall recent/historical data? Some context: the primary task of this web app revolves around running a search using a combination of ...
5
votes
3answers
278 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
9
votes
3answers
313 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
5
votes
4answers
848 views

rectangles Vs rounded corners of text fields on mobile

Do you think there is a difference in perceiving text fields which have round\rectangle corners ? My goal is to establish a convention that round corners are fields which the user can enter input and ...
2
votes
3answers
204 views

iPhone - Hiding/showing a common Carousel view

I have a Carousel view (horizontally aligned images, can be swiped left/right to switch images) above a Table view that displays some information. Assuming I'd like to give the user the option to ...
2
votes
2answers
130 views

Use of mobile Actions icon on Desktop?

Looking for help in designing a navigation method (visual affordance) for space constrained Desktop app. Below, I have a tree grid which is the primary navigation for the detail pane below the ...
0
votes
3answers
147 views

placement of interaction elements on screen?

What is the best place for interaction elements? Here's the situation: In our software there is an object (in this case a list with several items) that a user wants to work on. A user could perform ...
0
votes
2answers
1k views

Looking for enterprise web application design inspiration [closed]

I've checked many websites to be inspired about what the look and feel of a serious enterprise web-application should look like. But the whole I saw were designed for being used by single users and ...
2
votes
3answers
331 views

What are the job titles of people who design how software should look and feel?

In the construction industry, there's an architect: An architect is a person trained to plan and design buildings, and oversee their construction and an interior designer: Interior design ...
2
votes
1answer
58 views

Is there research into how the UI of content input (email, tweets etc) affects the actual content created and how can you improve it?

On the project I'm working on (Q&A platform), we're trying to get users to spend more time on their answers. We want to encourage longer form helpful replies, rather then spur of the moment short ...
7
votes
8answers
2k views
+50

What are the advantages and disadvantages of “minimal” design?

E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
7
votes
3answers
278 views

How should I indicate that an element responds to user click?

I have a list of people that the user wants to contact. They can "Mark as done" when they have made the contact (then it goes to their follow up list 3 days later). Displaying the "Mark as done" ...
3
votes
3answers
189 views

What's a good modification/alternative to differentiating categories by colour when the number of categories grows large?

We have an application in which users carry out similar tasks on different types of reports. As such, the user's first interaction with the app is to select a Report Type. To make it easy to tell at a ...
2
votes
6answers
543 views

Displaying multiple options on product page

I am working on a design for the product page of a commerce website. I have the requirement to show multiple options (SKUs) on each product page. In the examples below, the product comes in four ...
2
votes
1answer
257 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
2
votes
4answers
593 views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
7
votes
5answers
701 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
1
vote
5answers
331 views

What is the name of this UI message element/dialog?

I'm trying to figure out what the name of this type of element is. If the user couldn't do anything else on the screen without dealing with the element, it would be a "modal". Some might call this a ...
2
votes
3answers
365 views

Alternatives to display radio buttons vertically?

My preference is to display radio buttons vertically per common recommendations, per some research on completion speed, and to take advantage of Fitt's Law. However, I often get push back with regard ...
11
votes
5answers
2k views

Language selection: top or bottom of the page?

A client has the requirement to provide translation options on their website, most likely using an automated solution like Google Translate. A colleague and I have been discussing the best way to ...
0
votes
2answers
131 views

UI to let user pick some movies (3 - 6) from all movies released till now (>1 M)

I am working on a web app where users tell their favourite movies. Since there are too many movies to pick from I am not able to provide a select box. The jquery autocomplete works nicely but I wanted ...
11
votes
2answers
675 views

Where to put the “new button” in a metro style app

I am creating a Windows 8 style app, and I am confused where to put the new button. I have many options I can choose from. First above the search list: Second under the search list: Third with ...
4
votes
2answers
230 views

Essential input elements of a gui toolkit

I am in a process of designing a new toolkit for mobile devices (as a part of my Master's thesis). I would like to know if there is some theoretical backgroud (researches, books, tutorials, etc...) to ...
2
votes
3answers
3k views

Difference between UI , GUI and HMI

I wanted to get these three terms viz UI, GUI and HMI clearly identified from each other. My current understanding : UI : Any general interface by which a human being or machine interacts with a ...