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
1answer
78 views

Set color for status buttons inside grid

I have to update the buttons for a grid. Currently the ones used are the ones in the skin/light orange color and I am testing different ones. There are 4 buttons: Active Inactive Active long term ...
9
votes
2answers
269 views

what's a good way to show the left/right hand of piano notes in “piano roll” format?

I'm a "lone developer" in need of some UX advice. I'm working on a piano practice program and currently show notes like this: (argh, please note that these are shrunken images of the real thing) ...
2
votes
2answers
110 views

Progress of incoming bus

I am trying to design an app that shows the amount of time until buses arrive at a given stop. Originally I had something like this in mind: But I was wondering if something more graphical would ...
2
votes
5answers
215 views

What kind of user interface design practices can protect the information from someone who might be peeking at user's screen

What kind of UI design practices one could employ to protect the user's sensitive information from someone who might be looking (occasionally) at user's monitor from behind a shoulder or a nearby ...
0
votes
3answers
104 views

What icon or symbol for endorse/ promote/ support? [closed]

Hi I'm working on an app that involves talents showing off their skills and what not, and users can endorse/ support them to get a chance to win a grand prize. My problem is with using a heart icon, ...
3
votes
1answer
169 views

How to simplify the UI to prompt user for tiers of information?

I'm building a website to track user comments on news around environmental issues. I went over all the use cases for the majority of my demographic, and decided I needed to collect some information ...
2
votes
3answers
183 views

Where is the best position for company logo in services login page?

I'm designing the UX and UI of a suite of products which are SaaS services. These products work just like Microsoft online services, or very similar to Google Apps for businesses. I'm stuck with the ...
1
vote
1answer
68 views

Recommend an application that maps the menu architecture of a desktop/enterprise application

I want to map all the GUI menus in an application. For example, in Firefox: "New Tab > Open File > Open File dialog. Is there an application that can map this by analyzing the executable or code? Or ...
1
vote
2answers
49 views

Text for auto save option

I have a UI on a thick client which has a textbox to enter number of minutes. These number of minutes are used by the application to determine when should the save operation be performed. Like if a ...
2
votes
1answer
241 views

Do I have three levels of content, or can I reduce it to two?

I'm working on overhauling an interface that has two clearly defined levels of navigation, and then one murky level. Clicking on the first level will reveal sub-options which correspond to that ...
13
votes
12answers
4k views

Changing Colour of Social Media buttons to match Colour Palette

I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
7
votes
2answers
203 views

Mapping piano keys to computer keyboard

What are reasonable ways to allow the user to play a virtual piano using the computer keyboard? And are there any industry standards across music programs, i.e. keyboard-piano mappings which (whether ...
-2
votes
2answers
90 views

Where can I find broad White Papers on Usability Experiments

For example studies on what makes for the most effective shopping cart, how people prefer to view photos in their browsers and on their phone, what people appreciate in a search engine, whether left ...
-3
votes
1answer
151 views

Dashboards: What's more important, upper right part of the screen or the lower left?

Sort of new to UI design. From intuition it seems that the top-left corner is the "most important" or easiest seen part of the screen and the lower-right is the "least important" or last seen part of ...
0
votes
1answer
184 views

Designing a text-based logo for a news site. Any “advices” ? [closed]

This is my first question here, so excuse me if it's off topic. I am creating a news aggregation website that will cover all national news from all sorts of topics. And because I am no designer and ...
2
votes
1answer
98 views

Floating animated message vs. confirmation message. When to use each?

Some pre-clarifications: By floating animated messages I mean the Firefox style messages usually appearing bottom right of the window, for example, when a file downloaded successfully. By ...
1
vote
1answer
146 views

How to represent this app trick? [closed]

I have designed an Android app for love calculator, but I have given two radio buttons on the upper left and right corner : These radio buttons don't have any labels because they are used to ...
0
votes
1answer
154 views

Android UX: Smart to use consistent design pattern?

I'm developing an app for Android and was wondering on a basic design decision. I have three screens. Two of these use the sliding layer design pattern: However, the main menu screen uses a ...
1
vote
1answer
126 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
270 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
653 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
73 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 ...
3
votes
2answers
824 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
70 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 ...
0
votes
4answers
77 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
204 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 ...
2
votes
2answers
223 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 ...
12
votes
1answer
213 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
71 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
126 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
551 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
359 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
231 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
12k 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 ...
5
votes
3answers
867 views

Time Scheduler UI

Working on a doctor availability schedule page. In this page I need to setup the available time for each day in a week for a doctor. This is one time activity. Something is repeated for every week. I ...
1
vote
1answer
65 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
134 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
647 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
132 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
142 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
804 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
44 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
279 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
647 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?
32
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
222 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 ...
2
votes
1answer
291 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
313 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
217 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
1answer
160 views

How to indicate an item can be double clicked?

What is an effective way to indicate to a user that an item can be double clicked? The product I am working on allows users to drag icons with single click and open these items with a double click. ...