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
177 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
142 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
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 ...
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. ...
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 ...
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
311 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
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 ...
2
votes
2answers
129 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
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?
0
votes
5answers
334 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
134 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
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 ...
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 ...
0
votes
2answers
133 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
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 ...
5
votes
2answers
238 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
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 ...
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 ...
1
vote
2answers
144 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
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 ...
2
votes
1answer
178 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
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
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 ...
0
votes
1answer
275 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
102 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
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 ...
8
votes
4answers
532 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
181 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
490 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
170 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
614 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
118 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
79 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 ...
16
votes
4answers
610 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
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
2answers
111 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
105 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
217 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
302 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
69 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
50 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
189 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
170 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
271 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) ...