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)

2
votes
1answer
438 views

iPad UI: 2-Player Multi-touch Decisions Affecting Game Play

I am working on a game project that resulted from a summer game jam session. I had the "brilliant" idea to try and port the game to the iPad and I now find that I have painted myself into a corner so ...
0
votes
3answers
410 views

Should a web browser indicate “year” near the lock icon to encourage more safe/secure website?

There are many important technologies coming to web browsers in the next few years. Not to mention that where we are today is a culmination of lessons learned and several security pitfalls. However, ...
2
votes
4answers
334 views

scale or rating design

I was wondering what would be the best way to say someone is one thing or another. So, i want to create a form for Jungian Personality, but i want to make it fast and simple. So i was thinking of ...
0
votes
2answers
332 views

What would be an intuitive icon for expectations? [closed]

Orders in my application can have expectations of the customer associated with the order. For example a customer may expect a certain dresscode, he'd expect a follow-up call and so on. The seller will ...
4
votes
2answers
361 views

Best way to shorten item's names in lists, but retaining per-item uniqueness?

We have a drop-down menu for the user to switch between several accounts or profiles, and these accounts are identified by their legal entity name. There's a higher than random chance that many of the ...
1
vote
3answers
241 views

This feels too bland

Take a look at this communication app I am making for our small company (you might need to open it in a new window to see it clearly): The application is docked on the right side of the screen. It ...
1
vote
2answers
247 views

How to Intuitively build a Checklist

I am developing an application where users are required to build and execute checklists. The concept is easy and the code not hard but I am struggling to find an intuitive mechanism for them to do so....
3
votes
2answers
225 views

What knowledge about GUI standards/design a test analyst should have?

I am a software tester who works on a newly developing software product. Sometimes I feel the GUIs are not very user friendly but could not justify as I do not have enough facts/knowledge on GUI ...
5
votes
2answers
429 views

How to best embed a search-as-you-type feature into an input field?

In an intranet UI, when creating or editing a news post, the user is able to attach a file to the post. This is done by selecting the file which can be found through either: a file name search ...
3
votes
3answers
452 views

What do you call the customizable boxes like in my.yahoo.com?

If you haven't seen my.yahoo.com, see this screenshot I can customize my page, by adding more boxes, removing or rearranging them (I can rearrange using drag and drop, something like WYSIWYG), or ...
0
votes
2answers
569 views

Best Practices on UI Architectures

I wanted know some of the recommended best practices for UI Architectures. Also How important is to understand browser architecture and web server architecture from UX point of view.
16
votes
6answers
1k views

The use of tabs

I am working on redoing a clients application, which needs to be done for other reason, but one of the changes is to remove tabs. The application is, in essence, fronting data records, very basic. ...
2
votes
3answers
1k views

What color should the “Add new” button be?

I am uncertain if the "add new" button is a "positive" action and should be colored green. Or a neutral action and colored blue. What is the best practice for this?
4
votes
5answers
298 views

How to design a Win 7-like dialog for choosing One of N options without a confirm button?

The Copy file dialog of Win 7 constitutes an approach to presenting One of N options choices to users. This dialog, however, has been accused of being too hard to scan, and lacking click affordance. ...
5
votes
2answers
993 views

What affords scrolling?

Besides the obvious: Scrollbar Touch interfaces (especially mobile ones) A sign saying "You can scroll here you know!" This for a desktop application.
2
votes
2answers
866 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. ...
4
votes
2answers
376 views

Which of the two is the best UI approach for a tablet app destined for reading?

I am in the process of prototyping an application for delivering news content. Our first platform will be the iPad (along with web) but other tablets will follow. Decomposing the application into it'...
2
votes
2answers
106 views

Advice on ordering horizontal lists of commands

I have a set up like this with a title and then several buttons/links to perform actions: TITLE delete preview share stats publish All else considered equal, I'm trying to consider how to ...
7
votes
2answers
337 views

Is it good or bad for user to give a feel and look of native apps to Website for mobile?

Is it good or bad for user to give a feel and look of native apps to Website for mobile? Transition effects on page change Fixed floating footer or header Hide address bar Native app like UI or ...
1
vote
4answers
257 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 ...
1
vote
3answers
311 views

An intuitive way to present a Login interface

I'm designing a windowed application. When the application starts up the user needs to be presented with a Login interface. The initial (and minimum) window size is 800x600. A header of height 42 ...
10
votes
1answer
493 views

Is there any research on whether users understand ellipses (…)?

This GUI design pattern goes right back to the Apple Lisa in the early 80s: Is there any research covering: Whether people actually notice the three dots (...) at the end of a menu item or button?...
4
votes
2answers
735 views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
4
votes
4answers
465 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
6
votes
5answers
297 views

Triaging UI improvements, where to start?

I have been hired to redesign an auction website (which I cannot disclose), the usability, design, even the code beauty is pretty disastrous. The trouble is, the site is already active and my client ...
4
votes
4answers
238 views

What to pay attention to when designing a completely new service from scratch for the first time?

I a novice UX designer and my current assignment so far has been designing UIs for the "version 2" of existing services - which means I use data points for improvements of existing UI which I gather ...
0
votes
1answer
146 views

How to convey the message of 'organising the cloud' to users?

https://datkey.com is a service we are launching in the near future and I got great input from my prior request so hope a new page connects with users better. Any tips on how to convey to users the ...
1
vote
2answers
671 views

Examples for good Frequent Flyer / Loyalty Program pages [closed]

I'm looking for good Frequent Flyer / Loyalty / Rewards program pages. I'm talking about the "My Account" pages displaying current status and how long till we reach the next "level". (You know, ...
4
votes
1answer
692 views

Better way to implement a dynamic hierarchy

Just a bit of a background, I write business apps and have never been concerned with user experience. If the application works then that's what is shipped. I have been starting to change my thinking ...
4
votes
1answer
485 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 ...
1
vote
5answers
203 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 ...
4
votes
2answers
656 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 ...
14
votes
2answers
4k 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 actions....
14
votes
1answer
2k 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 ...
2
votes
2answers
195 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 ...
6
votes
2answers
764 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
1k 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 ...
5
votes
4answers
2k 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 ...
1
vote
2answers
116 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
562 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 ...
2
votes
2answers
929 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
3answers
290 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
386 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 ...
14
votes
7answers
499 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
661 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
837 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 ...
1
vote
3answers
167 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 ...
11
votes
6answers
746 views

Do users know the difference between a web application and a desktop application?

As cloud applications become more prevalent and the line between what is a desktop app and what is a web app becomes very blurry, different patterns for design, security, privacy and user experience ...
5
votes
1answer
346 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
2k 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 ...