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
154 views

What is the most intuitive way to allow users to convert tags to grid columns?

In my desktop application the users can add tags to files. I would like to provide a way to display certain tags as columns in the grid: I have a few ideas how to let users convert tags to columns, ...
1
vote
2answers
528 views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
19
votes
5answers
1k views

Does tablet size affect which orientation users use?

Recently I was told by a developer that most 7 inch tablet users will, if given the choice (i.e the app supports both orientations), use the tablet in a portrait orientation and that a user with a 10 ...
0
votes
1answer
120 views

Displaying links to Privacy Policy and terms of Use on App

I'm creating a mobile app (for iPhone) for a product which has a website right now. The website Log In/sign up page consists of links to the Terms of Use, Privacy Policy, FAQ, consent Policy, Contact ...
4
votes
2answers
1k views

Are UML class diagrams necessary for designing UIs?

I want to design UI prototypes and wireframes, based on Use case diagrams, activity diagrams and sequence diagrams to represents the flow and process relation. Is it necessary to include the class ...
2
votes
1answer
111 views

With respect to creating circles, what are the pros and cons of the following methods? [closed]

I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that ...
1
vote
4answers
94 views

Differentiating login signposting for business and non business users

I'm building a social media endorsement platform that needs involvement from both business and non-business users. We've had some problems with the registration process on the business user side, ...
1
vote
1answer
291 views

Nested titles for grouping inline editable ordered lists

Overview The following image provides background information for this UX problem I've encountered: download bmml source – Wireframes created with Balsamiq Mockups The above image shows ...
3
votes
2answers
409 views

Appropriate UI Design for Crossing Matrix

i'm programming in php, javascript. This isn't a programming question but rather User Interface/Experience one. suppose i want to create a crossing matrix for dog breeds. I initially created a table ...
13
votes
1answer
329 views

“back” for RTL, mandarin and other languages

As you might have seen it a lot of times in web apps, one step back in history often is aligned by an arrow to the left. How does this work for people using RTL languages? Do they need an arrow ...
0
votes
1answer
81 views

Why does iTunes Smart Playlist dialog start with a checkbox?

Unchecking the checkbox disables the logic argument builder and the OK button. I have a similar component I'm working on, and I for the life of me cannot suss out why Apple made "Match the following ...
0
votes
1answer
169 views

Reload indicator

I've built an application where sometimes views fetch data after a specific time. What would be a good indicator for how long it takes until the view will update its data again? I came up with an arc ...
7
votes
3answers
1k views

Where can I find a list of names for mobile ui components?

Long ago when I was just a lad, I sat in my Votech computer programming class and learned Visual Basic. Visual Basic proved a wonderful primer for learning about UI components and their names. I ...
4
votes
1answer
761 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
2
votes
1answer
329 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
4
votes
1answer
17k views

Designing an app for iPad / iPhone retina display

I am working for a client to develop an iOS app both for iPhone and iPad including for retina displays. The client is going to get the UX designs himself. We use the Apple's iOS Human Interface ...
1
vote
1answer
76 views

What would be the best format for adding a 'Difficulty Level' selection to the following settings page?

I have a settings page (see screenshot). I want to add a selection of 'Difficulty Level' to it. A drop down or check box(which allows for only one to be selected) or radio button would be fine. The ...
1
vote
2answers
157 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
15
votes
5answers
829 views

Emerging UI trend: comments in the margin - pros and cons?

Context: Irrespective of threaded-vs-unthreaded comments, I've noticed that a few sites have started to experiment with comments in the margin (as compared to comments above or below content in a ...
1
vote
1answer
151 views

Where / how is the best way / location to display a menu under a menu

Upon login I have a menu with options and underneath it another menu ("what to do with those") What will be the best practice in this scenario to display this menu and buttons from a UI perspective? ...
1
vote
2answers
325 views

Simple implementation for search operators (Begins with, Contains, = etc.)

Wanted to get your input on different methods for implementing these sort of operators for search fields. I've seen it done mostly by adding an extra dropdown option before each field with these ...
10
votes
5answers
1k views

What symbols should be used for YES and NO when the user can't read?

This is a non trivial problem, as demonstrated by this blog entry. There are problems with all the obvious options: Check and X : we're already using that as "correct" and "incorrect" Thumbs ...
1
vote
3answers
51 views

Communicating optional, non-exclusive paths through a registration process

We're currently designing a checkout process for course registration at a University. One step of the process is to check the student has the required prerequisite courses in their academic history. ...
2
votes
3answers
346 views

When designing an interface, how many design alternatives do you create?

When I was in a graphic design class, an assignment we got was to create 50 different logo concepts and to avoid creating a single concept and iterating on it 50 number of times. This way you could ...
9
votes
6answers
695 views

Do iOS application icons need to be updated for iOS 7?

as a graphic designer, would an application icon need to be updated to match the simplicity and flat UI of iOS 7? Do you think this would contribute to the UX overall?
34
votes
8answers
6k views

What is the purpose of having a clock on the desktop?

It is common for a clock to be placed somewhere on the desktop - in Windows, it is on the taskbar. But why do designers do this? It makes sense on a phone, for example, but when on a computer, I ...
0
votes
2answers
244 views

UI options arrangement, various ways

I have the following interface for image modification where there is a preview and the user can set options from a tabbed interface. The problems with current interface are: There are ...
3
votes
1answer
513 views

Design patterns for hierarchical multiple selection

Given the hypothetical structure: Representing a group of items that can be classified as type A or B, and each subtype can be classified as type C or D, and within D can be classified type E or F. ...
3
votes
1answer
506 views

Best UI approach for a assigning tasks in a workflow to users

I'm working on a workflow-kinda application where a project leader is required to assign tasks in the project to users. Following are the key inputs to this requirement: The users are selected by ...
4
votes
1answer
344 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
1
vote
4answers
889 views

Examples of hierarchy in data tables and their usability

Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
1
vote
1answer
312 views

In Final Fantasy games, why are your characters on the right hand side instead of the left hand side?

I found this history of Final Fantasy on reddit and it mentions about Final Fantasy 1: it was one of the first games to adopt the right vs. left fighting style. Other games in that genre had ...
3
votes
3answers
411 views

How to move from persona/scenario to wireframes?

Backstory Working on a large project rebuilding a complex web application that currently lags well behind the competitive offerings. Stakeholders are keen to go 'scorched earth' on the approach i.e. ...
4
votes
4answers
666 views

iOS Global Tab Bar Navigation - Reset navigation “stack” when switching between tabs?

I have an iOS app that uses a tab bar global navigation scheme (UITabBar), with 4 tabs. Some users are getting confused when they go from Tab A, to Tab B, and then back to Tab A, where they see the ...
1
vote
3answers
212 views

Why don't operating systems reserve a fixed amount of resources for the GUI? [closed]

Personal computers today are usually hundreds of times faster, and have thousands of times more memory then the computers in the time when operating systems with graphical user interface started to ...
2
votes
2answers
427 views

Is the indeterminate checkbox state a Microsoft UI pattern only?

A quick look through online search results show that the indeterminate checkbox state does not seem to be a very common UI interaction, yet Microsoft has persistently stuck with it and are probably ...
1
vote
2answers
206 views

How can this calendar widget use case be improved to be more intuitive for users?

I have to implement a calendar widget that triggers within a table. The use case I was given was the following: If the user clicks an empty cell, today's date gets populated. If the user clicks a ...
1
vote
1answer
112 views

How can Gmail-like “on-page” dialogs be improved to facilitate long form writing?

Caveat: I was inspired by this UX.SE question, and have reused an image from it. Recently, gmail has switched its "reply" function to use an "on-page-docked" window. Responses to this new UI have ...
1
vote
2answers
366 views

Why has web annotation so far been a failure?

It seems that through the use of browser extensions, web annotation could provide an awesome way to 'add more channels' of data to an existing web resource. Given the limited technical challenges, and ...
1
vote
2answers
506 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
26
votes
5answers
1k views

Why aren't Gmail-like “on-page” dialogs more popular UI solutions?

A few months ago, Gmail gave us the choice to switch to a new UI, with many new features (...) including an "on-page-docked" window. I personally find this piece of UI very useful as it allows users ...
4
votes
2answers
396 views

Advanced search query builder on smart phone

I'm developing a Windows Phone 8 app where all the pages are in portrait orientation. I have the problem of designing/porting this kind of a GUI to smart phones: download bmml source – ...
0
votes
3answers
191 views

save, save as, load, reload buttons

I need to add those 4 buttons: Save (the current settings) Save as (a new setting files) Load (a new setting files) Reload (reset the settings to the last saved) I don't know how to graphically ...
3
votes
4answers
1k views

Where can I find an official set of iOS (specifically iPad) icons and stencil sets? [closed]

Android have an official set of icons, fonts, colours and stencils, that can be downloaded from their website. However, I have come to design for iPad and I can't find an official download. Do I need ...
1
vote
1answer
286 views

Best suitable multiple select with optgroup UI element

My website has a drop-down list that displays all countries, grouped by continent. A user has to select all the countries he needs, as shown in the following figure: The main issue here is the user ...
3
votes
2answers
221 views

How to handle multiple versions of same application with different set of features

Imagine you have two versions of the same web application. Lets call them v1 and v2. The use of the two versions is the same. V1 is an older version which is extremely flexible and customizable but ...
3
votes
0answers
834 views

Two state button guide - for non-UX designers [closed]

I have been reading way too many posts on toggle buttons, flips, switches and it seems like a clear guide to design an unambiguous button is needed, rather than just advice for people on how to fix ...
4
votes
2answers
178 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
1
vote
2answers
151 views

How to design a 'Search for Duplicates' GUI in an Image Cataloging Program

We have an image cataloging program in which we have a database holding the already cataloged images. Let's call them "The Archive". Of course, everyone wants to keep the Archive clean, hence we ...
0
votes
2answers
119 views

Suggestions for how to consolidate multiple admin areas into one?

I have been given the task of consolidation multiple admin sections of an app into one. Each admin area is a large page which contains form elements. To achieve this I am considering the following ...