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
1k views

Merging huge data

I've searched UX.SE and other resources but not able to find any solid answers on how to merge N multiple records. Here is the attached screenshot of application which needs to be revamped. Before ...
1
vote
6answers
196 views

If a user makes a mistake, should I prevent the action, or automatically resolve it

I have two text boxes: download bmml source – Wireframes created with Balsamiq Mockups This is to represent orbital information around a body, the apoapsis (A) is the point when you're ...
0
votes
3answers
331 views

Which label text is good for “Enter email address”?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
1
vote
2answers
114 views

Any standard references that list the entire gamut of GUI widget/controls? [closed]

Are there any comprehensive, standard (or sufficiently good/popular) references/guides that list/detail/categorize the entire gamut of GUI constructs/widget/controls? Some UI controls are common, ...
1
vote
1answer
191 views

How can I make this step by step booking process more seamless?

How would I make this step by step taxi booking process more seamless? A few concerns I have: Is using swipe left/right good practice when using a wizard step by step UX element? The final page ...
1
vote
2answers
147 views

Convey State or Action? [duplicate]

I'm sure we're all aware now that when we see a greyed-out button, it either means that 1) we cannot click it, or 2) its current state is off - or false. In my application, I have a square, which ...
5
votes
3answers
137 views

Entering any two of four inter-dependent values

While designing a garden landscape, I want users to be able to define a slope of the terrain. There are four values users can enter: Run - the horizontal distance along the depth of the slope Rise ...
2
votes
3answers
381 views

Does including background animation or motion in an application increase user engagement?

I'm interested why top game companies put a lot of "background" animations in their games - has it been demonstrated to increase user engagement? Does it take longer for a user to get bored of a game ...
17
votes
7answers
4k views

Hamburger menu icons - should they be on the left or right?

Hamburger menus (the three small horizontal bars: the new menu icon). Should they be on the right or left? I'm only thinking of mobile and tablet applications. The pattern I see the most is on the ...
0
votes
2answers
95 views

Understanding the visual effects of monitor change

Visual cues that appear very clearly defined on one monitor can appear so differently on a different monitor that they no longer work well. For instance, borders that are clear, or distinctions in ...
2
votes
2answers
337 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 ...
1
vote
1answer
156 views

How to design a pane with keywords?

We want to enhance the keywording in our program and for this we plan to add keyword sets organized in panels. Here is a screenshot from another program which depicts two variants for showing these ...
0
votes
1answer
64 views

How to add more rating / color actions in a menu?

It was just released a new beta version of an Image Manager program on which I work (XnViewMP for conformity) in which (among other things) the program allow the user to rate the images with a ...
0
votes
1answer
129 views

How would I include additional waypoints on the following GUI

At the moment the waypoint/via-point option on my GUI only has room for the current available waypoint (in this case Shenley Brook End, which the user can select) and another waypoint the user can ...
0
votes
4answers
292 views

Radios on mobile apps - yes or no?

Is it a good idea to use radios on mobile apps? If not, how would you improve the below design?
4
votes
1answer
242 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 ...
2
votes
1answer
97 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 ...
25
votes
12answers
2k views

Why are enterprise application UI boring/dull

I work for a big software company, and i have access to a lot of enterprise now and then . I have also worked on a few application myself . What i have noted that , these applications have fantastic ...
1
vote
2answers
311 views

Flat UI how to indicate tappable zones with colors without “overdoing it”?

I'm building a game which will use quite a lot of flat UI elements and colors. This is my first ever time doing flatUI, and I want to make sure that I don't over do it. I read that flat UI uses bold ...
-3
votes
1answer
93 views

Sql Server, How do I make a front end? [closed]

extremely nooby question. I've worked with access for a while but now I'm trying to dive into SQL. I've looked around and I can't seem to figure out how you make a front end for the damn thing. I need ...
4
votes
2answers
281 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
0
votes
1answer
84 views

How best to display a picture comparison in IOS?

SO I want to allow my user to compare two pictures and decide between one or the other through a thumbs up/down. I also have a list of these, so there are multiple 'cards' with this comparison and my ...
0
votes
1answer
177 views

How to deal with IE8 Compatibility View in a user-friendly way?

I'm struggling to understand how IE8 Compatibility View works. Sometimes we find some bugs on IE8 Compatibility View that cannot be found on IE8 and other browsers. We wrote a message telling the ...
9
votes
7answers
815 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 ...
1
vote
3answers
128 views

How to compare two items side by side within limited space on iPad?

I'm building an inventory feature for my game and have ran into an issue where I need to modify my existing inventory layout or introduce way to allow side by side comparison of two items. Each item ...
1
vote
2answers
114 views

How do i call my buttons to return to a previous screen

For a specific project drawing app, i have a bit of a problem with the terminology of some of the buttons. Namely the buttons to save a drawingboard and to return to the drawingboard 'gallery'. In ...
11
votes
6answers
419 views

How can I provide more detail for a UI element when “mouse over” functionality is unavailable?

I have a game for the iPad and there's no "mouse entered" or "mouse hover" functionality on that platform. Within my game I have a hotbar or skill bar like below. Typically a game that uses such ...
2
votes
1answer
94 views

Can I use Corel PaintShop Pro for creating mocks?

I used Adobe Photoshop previously for creating mocks. The current project sponsor suggests Corel PaintShop Pro instead. I couldn't find any info for creating mocks from the scratch using this tool. ...
2
votes
1answer
312 views

What is the reception of flat UI in modern tablet Videogames?

Here's what a typical modern iPad game looks like. There's lots of eye candy in this image, like golden gradient borders, buttons that look like gems, gradients, etc. Icons for weapons are drawn in a ...
0
votes
2answers
157 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 ...
3
votes
2answers
128 views

Buttons on a dialog window

I have a bootstrap dialog that exhibits an object's data to the user. Apart from displaying the object's data, the dialog must offer the user options to do general tasks on the object such as saving, ...
1
vote
1answer
126 views

Which chess board labelling is better in terms of UX?

I'm making a chess game for iOS and I want to label the ranks and files (columns and rows). Is it better to put the labels inside or outside the squares. Bear in mind that putting them on the outside ...
3
votes
1answer
83 views

Improving the “request seat” page for taxi sharing application

A taxi sharing application that I'm working on as part of a university project has a "request seat" option. I've spent the afternoon working on the interface (arguably the most important UI element of ...
1
vote
1answer
77 views

How can I deal with many buttons in a scope bar?

I am looking for a UI way to deal with more title buttons than one can put in a scope bar. All of the screenshot/examples I see only deal with 3 or 4 options. What if I have 10?
1
vote
2answers
163 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 ...
2
votes
4answers
198 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 ...
3
votes
3answers
135 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 ...
0
votes
5answers
335 views

User profile design for mobile appliation

Above is a sample user profile summary section for a taxi booking app that I've been working on. It seemed flawed conceptually for several reasons. The icon on the left is meant to represent the ...
5
votes
2answers
239 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 ...
31
votes
9answers
6k views

Good reasons to use bad UI

I know you just read the title, take a deep breath. I'll explain. When should we make a conscious decision to retain poor UI, even if temporarily? Not because of budget or time constraints but ...
35
votes
6answers
2k views

With infinite scrolling, do scrollbars still make sense?

I noticed this today on Google Plus: Virtual Scrollbar in a Google+ Gallery This is a virtual scrollbar, as opposed to native scrollbars everyone on Windows or pre-Lion OS X does know. Now this ...
3
votes
1answer
157 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
1answer
70 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
0answers
82 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 ...
3
votes
3answers
135 views

User Interface Changes for Mac when Porting Windows Application

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 ...
1
vote
2answers
145 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
179 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 ...
2
votes
2answers
713 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 ...
1
vote
1answer
89 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 ...
1
vote
2answers
267 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 ...