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)

6
votes
4answers
961 views

Should an interaction designer know how to do visual design

So, we have the long discussion about if interaction designers should know how to code. But what about visual design or GUI design? A common team setup seems to pair a IxD guy with a graphic ...
4
votes
2answers
198 views

“Copy from” vs “Import”

This question arose suddenly as I was implementing some new features in my app. Maybe I`m just overthinking this one, so I hope you can help me make things clearer =) The question When user takes ...
4
votes
1answer
2k views

Typical Android app behavior for deleting data from a list

I am an app developer but not an Android user. My app is a baseball card collection management tool. The main screen displays the list of baseball cards which the user has entered into the database. ...
1
vote
2answers
168 views

What is a good analogy for a custom selector?

I'm working on a project where the user has a list of labeled input fields and a bar above with some options. This is how it looks (simplified): I'm now looking for an element the user can use to ...
0
votes
1answer
123 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 ...
17
votes
4answers
935 views

Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?

My work involves designing the interface for quizzes taken by college students. When designing for quizzes, what would be the easiest arrangement to read for my users: horizontal, "square", or ...
3
votes
1answer
212 views

Should users be allowed to edit tags or just delete them?

I'm redesigning UI and features for tagging in a mobile app. The current implementation doesn't provide a way for users to directly edit or delete their existing tags. Currently, tags that are not ...
2
votes
2answers
153 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 ...
0
votes
3answers
141 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, ...
2
votes
5answers
235 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 ...
1
vote
4answers
637 views

What's the multi-window interface in Visual Studio called? Where can I find it?

The style from Visual Studio (pictured above) is perfect for a program I'm writing, but I don't know what it's called or if there are any libraries that provide this functionality. The key points of ...
1
vote
1answer
81 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
74 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
3answers
461 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 ...
3
votes
1answer
200 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 ...
9
votes
2answers
368 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) ...
16
votes
3answers
625 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 ...
7
votes
2answers
336 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 ...
-3
votes
1answer
228 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 ...
8
votes
3answers
721 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
4
votes
1answer
390 views

Which implementation for a dynamic hierarchy tree will show as much info as possible while still allow seeing the changes made in the background?

I'm in the middle of building a search engine website for a specific corpus. We've already implemented most of the menus and the structure of the website. recently we got some feedback that forced us ...
0
votes
1answer
219 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
177 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
210 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
198 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
155 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, ...
2
votes
1answer
208 views

Many questions, pick as many as you'd like to answer

My current UX challenge: List of < 10 questions that can be answered Only one question answered at a time Once answered, answer is displayed (and potentially editable) No requirement as to which ...
1
vote
2answers
560 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 ...
0
votes
1answer
123 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
2k 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
113 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
99 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, ...
-2
votes
2answers
105 views

Where can I find broad White Papers on Usability Experiments [closed]

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
2answers
429 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
333 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 ...
1
vote
1answer
298 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 ...
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
178 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 ...
0
votes
2answers
234 views

How to show activity in a UI

I have an application that creates a log file of user activity such as connections, disconnections, queries, submissions, locks, etc. The log file records when each activity begins and ends. Multiple ...
7
votes
3answers
2k 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
806 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
342 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 ...
1
vote
1answer
78 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
159 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 ...
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 ...
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
349 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 ...
16
votes
5answers
839 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
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. ...
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 ...