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)

4
votes
6answers
618 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
4
votes
1answer
349 views

Is there a resource for MMORPG trading interfaces?

I’m searching for some documentation/training/resource on MMORPG trading UIs (marketplace, auctions, changing items etc.). Is there any detailed documentation in this topic somewhere? ps. Google is ...
9
votes
3answers
706 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
1
vote
5answers
173 views

How could I handle product returns through this interface?

I have a dialog where users allocate product on an order to various available lots of product. So basically if there are 100 units on a line item of an order, the user would have to allocate this ...
32
votes
2answers
6k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
1
vote
4answers
249 views

How do I quickly convey the concept of organising the cloud using images?

I am working on https://datkey.com, and the UI design and UX aren't working out. How do I build a good quick set of images for a simple splash page or convey quickly to the users the concept of ...
6
votes
4answers
1k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
11
votes
3answers
1k views

UI / UX Review Site? [closed]

I stumbled upon a UI/UX review site some time ago, but cannot seem to put my finger on it again. Could someone please advise if you are aware of what this site may be? I have a few designs I'd like ...
15
votes
11answers
8k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
3
votes
2answers
468 views

When is it appropriate to use fading animated messages for feedback and notification.

To clarify: these are messages (text or symbols) that appear right at the point of interaction, and then float away and fade out. You see this kind of animation when adding people to your Circle in ...
11
votes
2answers
2k views

Fixing UI Antipattern “multiple menu levels”

My brain seems to be pre-programmed to make administrative UI's look like the mockups below. In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
13
votes
1answer
1k views

How do I improve my visual design skills?

I am a novice UX designer and I am fairly comfortable with information architecture, interaction design, and creating mockups (low, med., and high). But when it comes to creating the actual UI, I have ...
4
votes
3answers
1k views

Vertical & Horizontal Scrollable UI

I am creating a UI that will allow users to search. The search results are displayed in a section that is scrollable both horizontally and vertically. This is weird because the web page will end up ...
6
votes
2answers
653 views

What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?

As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
3
votes
1answer
793 views

Are iPhone / mobile type toggle switches actually usable on the web?

Are iPhone / mobile type toggle switches actually usable on the web, to replace a yes / no radio button option? Will the change in normal user experience make it harder for the user to decide what ...
94
votes
9answers
10k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. ...
0
votes
1answer
172 views

How to show correspondence between two lists referring to the same data?

I am currently working on a desktop application handling photos. One of the screens we have is a view where you can see a list of albums sorted by date to the left, and when clicking on an album, a ...
25
votes
5answers
25k views

Best Practices for UI design on Android (Usability/UX) [closed]

I'm switching for web development to Android development. I know some things about web usability and I see that UX is too often left behind on Android from my I experience with it. As the interaction ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
6
votes
4answers
870 views

Is there a well known ASCII character meaning “edit”?

When working with a UI that relies more on text than on icons it's common to find + to mean Add, - to mean Delete/Remove and X for Close (or also Delete/Remove). But is there a common character ...
5
votes
4answers
1k views

I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]

Kind of a discussion based question, but bare with me anyway. I am working on a web app that provides reporting. It makes reporting fun, honest! I am struggling to design the Welcome page. It's a ...
2
votes
2answers
166 views

With straighten, do we really need rotate?

Related to Combining rotation and straightening of images. Rotate: Grab a corner, drag it to its new location, rest of image follows. Straighten: Either click-drag-drop a line on a horizon, or click ...
1
vote
4answers
326 views

Should I use a Dashboard for a mobile website

Should I use a Dashboard, in the style of an app, for the mobile version of a website? Is it considered a good or bad practice? There is some images associated with the news feed on the home pages of ...
1
vote
2answers
108 views

Combining rotation and straightening of images

Topic may seem weird as the two terms seem to mean the same. Clarification: Rotation: The typical way of grabbing a corner and pulling in the direction you want the image to rotate. Straightening: ...
8
votes
4answers
411 views

Making changes to existing products

I keep coming across this situation and was hoping someone would have more information on this: We have an existing product and I have been requested to "make something work better", so I start by ...
3
votes
4answers
532 views

Using a joystick on screen

I recently got a request to design a UI that features a joystick as one of the critical UI elements. It's not for a touchscreen or handheld; the app will run on a standard desktop. This means this ...
2
votes
2answers
643 views

Looking for a perfect control panel user interface

So I'm kinda stuck and I hope someone here can help me. I'm building this Control Panel for a data center, and I'm not very good with that. I want to make it as simplistic as possible, but expandable ...
2
votes
2answers
745 views

Multiple, hierarchical selections for web application

We are currently making improvements to the user interface of our real estate management web-app. One big problem we have is multiple, hierarchical selections for big amounts of data in input masks. ...
2
votes
3answers
260 views

how to control user focus?

i am currently developing a prototype for a piece of software. One of the most important things is to show the client, how the UI will look like, so I am making real wpf windows with no real data ...
2
votes
1answer
284 views

Best way to communicate the action of a non-button control

Question summary: I'm wondering what are some recommended approaches for communicating to the user what will happen once he clicks on an object, in the case that it's not possible to spell out the ...
5
votes
2answers
688 views

XML editor design indents XML without tabs/spaces - disadvantages?

I've developed an XML text editor that indents XML using a 'floating' left-margin rather than the more common tab or space characters. Indentation is updated continuously and only relies on the XML ...
14
votes
7answers
458 views

Nagging the user with double message box for something that is important.

When our software is installed, it installs some networking components. It may run fine immediately after the install, but chances are that some applications won't be able to talk to the network until ...
1
vote
2answers
562 views

Best practice for inactive actions in a table [duplicate]

Possible Duplicate: Is it better to prevent a forbidden action or display an error/explanation message? I have had some discussions with my boss about this below issue, please give me some ...
2
votes
1answer
446 views

What do you think which are the best Gallery Viewer plugins from UX point of view? Why?

Today I saw that Facebook has changed again it's gallery viewer but in my opinion it is still not the best! too slow too gray hard to distinguish from bakcground I have seen many, much more ...
7
votes
6answers
467 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
1
vote
3answers
157 views

How to represent a quoter and a quotee for a webapp

For my own personal project while I learn PHP, I am creating a web app where friends can quote each other. So a user will come and post what their friend said and their friends can like it and comment ...
13
votes
8answers
4k views

UX design case studies [closed]

I am looking for well-written and in-depth case study articles of real life UX designs. I'd like to read how other designers tackle design challenges, and how their designs solve those challenges. ...
5
votes
1answer
253 views

Flag vs. Star in E-mail apps! Which would be the optimal placement for a 'flag' or 'star' icon in e-mail apps?

Most people read from left to right, so In my opinion the flag or star icon should be definitely on the left. In MS Office it's on the right, but there is an exclamation mark on the left (which has a ...
7
votes
5answers
1k views

Where to place list filter controls?

Suppose the user -- from a CMS backend WYSIWYG editor -- opens an Insert link-dialog. When having a list of possible link destination pages, where would be an appropriate place to put filter ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
3
votes
2answers
233 views

View refresh frequency

My application displays data that can be periodically changed. Changes follow 5-10 times per second. I have to avoid so frequent updates to increase application performance. But I have to add some ...
1
vote
1answer
166 views

Do you know of any mobile websites that allows a user to crop a photo for uploading?

I'm curious to see how designers have addressed this problem on a touch-screen device given the size and technical constraints of mobile.
1
vote
3answers
354 views

How can I find UI designers for iPhone apps

I am a software developer who likes to develop iPhone apps in his free time. I have found that being not very skilled (or maybe talented) in graphic design, it takes a lot of time to create the ...
0
votes
3answers
124 views

How to convey element dimensions to casual users?

In a CMS backend dialog for controlling the dimensions of a content element (e.g. an image) including the possibility to adjust padding, borders and margins; In a GUI, what is a good way to convey ...
3
votes
7answers
605 views

Where can I post a UI design for feedback from the community? [closed]

I'd like to post a design I'm working on to get some feedback and suggestions from the community. Is this site a good place or are there other better suited sites?
1
vote
2answers
437 views

History of file system GUI

I don't know if this is the right place where to ask. I'm doing a project about TreeMap for visually identifying in an intuitive manner large files on the harddisk. For that I'm looking for some ...
0
votes
1answer
452 views

Simple, elegant manner of presenting parent/child CRUD operations

Consider the following grid: The parent is comprised of "Code" and "Type", and each parent can have 0 or more children. Each child is comprised of "Name" and "Type". There's already a delete link ...
4
votes
8answers
321 views

Looking for some ideas of for an alternative display of Full Name@Company Name

I'm trying to find a sexy/elegant way of displaying a user's full name and the company they represent. Currently, I'm doing Full Name@Company Name, for example Bob Smith@Microsoft or Sally ...
2
votes
4answers
1k views

Blogs/Websites That Showcase Windows UI Examples? [closed]

I'm looking for a blog or website that showcases nice UI designs. Specifically, one that has examples of Windows user interfaces. I have a few of these bookmarked (like Beautiful Pixels), but they are ...
6
votes
1answer
544 views

Blank slate invitations - best practices

Blank slate invitations (a term taken from the book Designing Web Interfaces) are inline invitations/instructions on how to interact with the UI - primarily aimed at novice users. That is, e.g., when ...