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
3answers
722 views

Is there any free tool to explain the interactions between website pages and elements on a big single screen? [closed]

Is there any tool to explain the interactions between website pages and elements on a big single screen? I have all screenshot images for all pages of websites, Some are lightbox on same page. some ...
2
votes
4answers
202 views

Optional Comments on Saving

Maybe I'm crazy, but every UI mockup I seem to get passed to me, I end up ripping apart. And in the end, my suggestions are often shot down. We end up creating UI's with what I consider to be a ...
3
votes
2answers
533 views

Bland shades of grey application

I'm going to be working on enhancements to an existing desktop application, however, it's basically different shades of grey with some dark blue-grey. There are some icons with some color and that is ...
1
vote
2answers
199 views

Designing a webpage news reader as an overlay

Suppose on a webpage (accessed through a desktop browser) one has a list of news items displayed as headlines. When a user clicks on one of the headlines the full news text is shown in a lightbox-like ...
4
votes
6answers
552 views

In mobile website when we use “Back” button then should it be always the titled as “Back”?

If we use Back button in website inner pages should we always use the text Back all the time or we should use the title of the last page. But title of last page can be longer than Back For example ...
1
vote
4answers
629 views

What UI design should I use for a smartphone app?

On desktop platforms, using the system's control styling, etc. is a very common practice and changing it ("theming") is usually looked down upon unless the application specifically calls for it (like ...
4
votes
6answers
845 views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
4
votes
4answers
568 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
3
votes
1answer
4k views

How to simplify a long form

We are designing a web app for tour operators and the initial data looks like the attachment, any ideas to simplify. some of the fields will be calculated those will be removed, and some unneeded ...
2
votes
5answers
335 views

How to protect a user from accidentally deleting/redacting when Undo isn't available yet?

The next release of our [edit: java] application will allow users to delete and redact text that they've selected, based on right clicking and choosing one of those options. Unfortunately, we haven't ...
2
votes
1answer
309 views

Usability studies about Unity-type interfaces

I've just installed (upgraded) Ubuntu 11.04. For those of you not familiar with Ubuntu, 11 is the year and 04 is the month. Ubuntu has a six month release cycle, so the next version is around the ...
5
votes
1answer
493 views

What is the best way to display per-tab commands or actions?

I am working on a multiple document interface Windows application. We're using tabs to represent open documents for editing. I have three levels of possible commands: Global Per-tab Per-sub-tab ...
10
votes
3answers
323 views

On an unlabelled slider, why does right mean higher, and left mean lesser?

Horizontal volume sliders, for instance, are often unlabelled. Other than the VLC player volume slider, I've never seen a label saying that the right means things get louder. How did that convention ...
2
votes
1answer
993 views

Is Expression Studio / Blend good for designers?

For a while now, MS Expression studio is out, and it's Blend is designed to be for application designers (the 'look-and-feel', not API design...). Since I never (or rather rarely) used any of design ...
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
333 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
330 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
357 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
239 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
245 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 ...
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
423 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
435 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
562 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
295 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
979 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
862 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
374 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 ...
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
325 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
310 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
491 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 ...
4
votes
2answers
730 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
461 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
295 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
237 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
663 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
691 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
477 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
646 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 ...
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
762 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 ...