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)

1
vote
2answers
187 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 ...
0
votes
2answers
116 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
3answers
522 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 ...
7
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
1answer
176 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
69 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 ...
2
votes
5answers
609 views

Improving the “booking page” for a taxi booking mobile application

I'm currently working on a taxi booking application and have got to the stage where I need to design the "Book" page where the user can create a new advance taxi booking. The features are as follows: ...
0
votes
1answer
138 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 ...
1
vote
4answers
1k 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?
-3
votes
1answer
379 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 ...
5
votes
2answers
397 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
2answers
619 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 ...
1
vote
1answer
156 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 ...
1
vote
1answer
715 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 ...
1
vote
2answers
244 views

Do you call a clockwise logic line still clockwise if it's rotated counter clockwise?

Just like my last question, i have another terminology related question. In my drawing app, the user can set a logic line which can detect other objects touching or passing the line and removing those ...
1
vote
1answer
227 views

Adding a way to tag tags?

I have what I call a 2 dimensional tagging system. You provide a data element and tag it. In this case the data element is a ( url , title, favicon ). Here is the UI for it: However I want to ...
1
vote
3answers
306 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
140 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 ...
2
votes
1answer
213 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. ...
28
votes
12answers
5k 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 ...
12
votes
6answers
661 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
859 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 ...
3
votes
2answers
152 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
144 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
125 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 ...
2
votes
2answers
170 views

Online database with lots of entries in a table

(Just a heads up, I wrote this on an iPhone so it might not look great, sorry about that) I'm building an online database creator (think Dabbledb, Zoho creator, etc) When you create a database like ...
1
vote
1answer
104 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?
0
votes
5answers
603 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 ...
3
votes
3answers
264 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
551 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
344 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
149 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
915 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
494 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
487 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
96 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
120 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
207 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
145 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
759 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
432 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
732 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
811 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
207 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
181 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
717 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
305 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
200 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 ...