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
3answers
257 views

Dealing with clutter on user profile activity feeds

The below image represents a sample activity feed from a taxi booking mobile app that I'm working on. I've looked at several timeline examples on Pttrns website and came up with the following ...
2
votes
4answers
512 views

Alternative method of displaying notification alert to user with awkward icons

Due to the awkward nature of my notification icon, I've been forced to settle with a red dot near the notifications icon, which seems less than ideal from a UX point of view particularly because it ...
0
votes
2answers
326 views

Design considerations when adding a “Sign in with Facebook” button

Where is the best place to place the Sign in with Facebook button? Is it even necessary to place it on the splash, login and signup screens? I've been working on a mobile application, and would ...
0
votes
2answers
147 views

What is the best way to show various options dependent on another user's account?

Say you are in Linkedin's Network page. (If you log onto Linkedin and click on "network") Let's hypothetically say that Linkedin contains both people already on the platform and people outside of the ...
9
votes
7answers
906 views

What's wrong with this picture?

Context I'm a developer (not a designer) working on a drawing app, and I'm a little clueless about ui / ux design. The functionality is there, but something is really wrong with the look of the menu ...
5
votes
2answers
477 views

How would you classify UI/UX issues as show stoppers for product release?

The question of which UI/UX issues should be considered as showstoppers when releasing a product to the market has always been of interest to me. I am curious to get some thoughts as to how would you ...
2
votes
2answers
477 views

App drawer - does side matter?

I designed an app and would like advice on the side drawer. You almost always see it placed on the left side of the app. Have there been any references or studies on what happens if it's placed on the ...
2
votes
1answer
93 views

Dealing with a node-edge-node view

I'm coding up a graph db style (neo4j) UI for a tablet and am wondering how best to implement the actions on nodes and edges. Actions: add / remove node link / unlink nodes (edge) other actions on ...
0
votes
1answer
119 views

Managing properties in web app

I have an MFC Windows application and I'm doing some research to see whether the software can be ported to a web app. Currently the MFC app uses quite a few CPropertySheet / CPropertyPage (also known ...
1
vote
2answers
202 views

Ideal design for large form [closed]

In my current project I'm working with a lot of large forms. Below is an example of one of them. In trying to keep it clean and make use of the available space the following layout has been suggested. ...
2
votes
1answer
140 views

Gracefully Constrain Window Size

I am working on a program that does not have many visual elements on the GUI, also, unlike what has been suggested previously, there are no multiple levels of detail or possible elements to add and ...
2
votes
1answer
737 views

What is the suggested width and recommended touch size of the iOS 7 A-Z / “rolodex” nav (and what does Apple call it!?)

I'm wondering: if there were to be a button (such as a "detail disclosure" button ) directly to the left of the A-Z navigation/slider, how much space would need to be between the two? In other ...
3
votes
0answers
172 views

User Interface Changes for Mac when Porting Windows Application [duplicate]

I have an existing windows application, for which I have decided to create a Mac version. The problem is that the current UI involves a lot of buttons, tabbed panels, multiple windows etc. This UI ...
10
votes
1answer
428 views

How do I show margin and padding values?

I'm writing an application to create road signs (it won't be obvious to most people), and a certain interaction involves the user clicking an object on the workspace (in this case the text ...
2
votes
2answers
693 views

Checkboxes vs. Radio Buttons

Is it appropriate to have a single checkbox on its own? For example, if a user has the option to select an existing employee from a drop down or to create a new employee, I want to add a checkbox next ...
0
votes
1answer
777 views

Android mobile app design conventions [closed]

I'm currently designing UI/UX of a mobile app for android. I'm now stuck with not knowing where to start. Are there any layout, aligning style conventions for android design like in IOS? I have looked ...
2
votes
2answers
196 views

Differenciating a local search from a global search in one screen

Currently I am thinking in a mac application that displays data. For the sake of the question, let's think of that data as songs from that country. Songs are different from country to country and I ...
1
vote
2answers
179 views

Approach for designing iOS themed icons representing ranks

I am creating an educational web app for a desktop browser that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more ...
10
votes
4answers
706 views

What's the purpose of the bottom bar in popups / modal windows?

There seems to be a common pattern where the bottom of a modal window contains an area that looks slightly separated from its content. I'm trying to find out where this habit comes from, and what ...
2
votes
1answer
302 views

What is the best way you have seen to represent something is draggable? [duplicate]

I've seen many different ways to represent an object on a page as being draggable, but I was the most effective way in your experience of doing so?
6
votes
4answers
1k 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
170 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
129 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
948 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
218 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
157 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
150 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
237 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
678 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
83 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
75 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
489 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
203 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
372 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
659 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
349 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
238 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
732 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
399 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
224 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
2answers
252 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
212 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
199 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
209 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
590 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
126 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 ...