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)

5
votes
2answers
385 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 ...
1
vote
1answer
152 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
697 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
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 ...
1
vote
3answers
299 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
139 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 ...
12
votes
6answers
646 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
206 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
819 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
328 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
150 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
142 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
122 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
101 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
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 ...
2
votes
4answers
515 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
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 ...
0
votes
5answers
584 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
480 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 ...
33
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 ...
42
votes
6answers
3k 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
219 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
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 ...
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 ...
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
740 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
2answers
1k 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 ...
2
votes
2answers
698 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
779 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 ...
6
votes
3answers
344 views

Why does Gmail hide email options under a '+' sign?

Why does Gmail website hide options like "links", "smileys" etc. under a '+' sign when there is clearly enough room along the footer? Am I missing something, or is google really pushing google+? ...
2
votes
2answers
197 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 ...
8
votes
3answers
733 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 ...
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 ...
17
votes
4answers
953 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 ...
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
2answers
235 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 ...
1
vote
4answers
682 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 ...
0
votes
1answer
130 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
373 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
158 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
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 ...
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, ...
3
votes
1answer
204 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
492 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
84 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
1answer
261 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 ...