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
209 views

Is my UI for indicating the ability to add margins to text appropriate?

Curious. I have a Silverlight application where you can choose set margins for a piece of text. Thus you can choose set the margin on more than one side of the text (top, bottom, left, right). ...
1
vote
0answers
131 views

Awesome sources to see great UIs and usability [duplicate]

Possible Duplicate: Must-read User Interface Book? As an outsider (aka. not a designer) and due to the lack of time to innovate, I want to create great UIs and great usability by example, ...
0
votes
1answer
112 views

What is a good visual format for a “show” page?

Let's say the user clicks on something that is an entity in the system. In my case, it's a template for a course that students take. On this screen, I want to show various properties of the template ...
2
votes
2answers
866 views

Displaying and editing complex data

I need to display large amount of data per each record, and perhaps edit it. I thought maybe displaying data that is most stable in table rows with an additional side panel for additional data, like ...
9
votes
2answers
2k views

(One to many) to many form?

What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry? One parent element (a case - 15 data fields) One or more 2nd level elements ...
-1
votes
1answer
190 views

Where can I find information about the effects of GUIs

I need resources for information on the effects of the creation of GUIs for PCs. When I started looking up information on GUIs, but I mostly found the computers that first started using GUIs, the ...
3
votes
1answer
5k views

Most Common Screen Size used to play facebook games?

I am developing a facebook game. this game is written in php/Jquery/CSS. Up until recently, facebook games have been display in an iframe that was 720px wide. But recently, they gave the option to ...
5
votes
5answers
2k views

Suggestion for Critical Application GUI Font

I create a critical software (which affect safety), on the GUI, I need a font that has clarity & clear typeface which is very readable, mostly that font will be displayed at height of ~18px, do ...
3
votes
3answers
1k views

Main Tabs & Sub tabs colour codes, best practice?

We are developing a webapplication and some of us has gotten into a small argument of how the main tabs and their corresponding sub tabs should be displayed. It's mainly a question of weather the ...
17
votes
11answers
2k views

What's a good scroll bar equivalent for a spiral script?

One of my friends is writing a fictional story about a people who use a script that is read in a spiral from the inside out. They write on long coils of flexible material, and longer texts are fed ...
6
votes
4answers
2k views

Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]

I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this. Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...
17
votes
6answers
1k views

Is flashing red text a good idea for denoting an active alarm?

I'm working on a windows application that is showing the realtime status of a particular piece of equipment. While operating the equipment (via the application), two important values & labels are ...
7
votes
4answers
405 views

When users ignore icons is it poor design or distracted users?

I maintain an enterprise intranet application which has extensive logging. After reviewing months of error logs we focused on one trouble spot where the user must enter mandatory activities before ...
3
votes
2answers
645 views

Force Directed graph for visualizing hierarchical forms Bad Idea?

Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
8
votes
4answers
2k views

How to design an IDE?

I am looking for professional advice including blogs and papers on how to design scalable Integrated Developement Environments (IDEs) and different approaches to it. By scalable I mean that the IDE ...
2
votes
3answers
702 views

What are the good UI/UX elements of a web bug tracker

What are the good UI/UX elements of a web bug tracker? Does anybody have an example of good web bug tracking UI or elements of good UX design of a bug tracker?
3
votes
1answer
138 views

Name for specific search form type for automobile sites

I'm doing a research on web search usability and interface design for search. I already have a website to exemplify, which is a sort of search engine for cars. The search form is important in the ...
2
votes
2answers
129 views

Best way of handling a special requirement in shopping cart

I'm mocking up a shopping cart for a hair salon. It's going to end up on their Facebook fan page so I'm restricted to Facebook's tab size of 520px. Because of this I've decided to use an accordion ...
2
votes
2answers
365 views

How to present data, part now, part later

Here's the scenario: You have a (hierarchical) catalogue of information about products. Some product information is local and the rest is remote. There could be upto 1000 distributed in some way - ...
2
votes
3answers
709 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
526 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
626 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
823 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
567 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
333 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
490 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
987 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
409 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
332 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
321 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
355 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
242 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
420 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
420 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
555 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
293 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
968 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
855 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
373 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 ...