Questions tagged [gui-design]

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 design.

Filter by
Sorted by
Tagged with
11 votes
3 answers
3k 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 ...
ylluminate's user avatar
40 votes
15 answers
27k views

What is the difference between wireframing and prototyping?

What is the difference between wireframing and prototyping? Am I right to think that prototypes should be interactive and wireframes should be static?
Jitendra Vyas's user avatar
4 votes
2 answers
939 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 ...
Roger Attrill's user avatar
14 votes
2 answers
5k 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....
Bertvan's user avatar
  • 243
14 votes
1 answer
3k 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 ...
Tara's user avatar
  • 593
4 votes
3 answers
3k 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 ...
Tara's user avatar
  • 593
6 votes
2 answers
959 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 ...
Jamie Hollern's user avatar
3 votes
1 answer
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 ...
adesignapart's user avatar
134 votes
8 answers
26k 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. However,...
Bevan's user avatar
  • 8,301
1 vote
3 answers
279 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 ...
erik's user avatar
  • 111
36 votes
5 answers
50k 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 ...
Édouard Lopez's user avatar
11 votes
9 answers
10k 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 ...
Tara's user avatar
  • 113
14 votes
5 answers
9k 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 ...
Agent_9191's user avatar
5 votes
4 answers
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 ...
jamie-wilson's user avatar
2 votes
2 answers
208 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 ...
Jonta's user avatar
  • 963
1 vote
4 answers
420 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 ...
Alexcp's user avatar
  • 113
1 vote
2 answers
135 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: ...
Jonta's user avatar
  • 963
8 votes
4 answers
1k 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 ...
Sheff's user avatar
  • 5,149
3 votes
4 answers
1k 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 ...
Max Steenbergen's user avatar
2 votes
2 answers
1k 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 -...
donk's user avatar
  • 123
2 votes
2 answers
1k 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. ...
Phee's user avatar
  • 21
2 votes
3 answers
417 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 ...
exp's user avatar
  • 2,598
2 votes
1 answer
633 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 ...
M.A.X's user avatar
  • 2,052
5 votes
2 answers
2k 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 ...
pgfearo's user avatar
  • 433
14 votes
7 answers
588 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 ...
Fauxcuss's user avatar
  • 243
1 vote
2 answers
988 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 ammo ...
Muleskinner's user avatar
2 votes
1 answer
1k 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 ...
Roland Pokornyik's user avatar
8 votes
6 answers
892 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 registered ...
Searock's user avatar
  • 183
1 vote
3 answers
209 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 ...
jonshariat's user avatar
  • 9,240
14 votes
8 answers
9k 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
1 answer
916 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 ...
Roland Pokornyik's user avatar
8 votes
5 answers
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 ...
agib's user avatar
  • 2,203
4 votes
3 answers
4k 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 ...
nico's user avatar
  • 41
3 votes
2 answers
557 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 ...
igor's user avatar
  • 2,533
1 vote
1 answer
183 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.
MSaforrian's user avatar
1 vote
3 answers
406 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 ...
Thomas Wanner's user avatar
0 votes
3 answers
159 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 ...
agib's user avatar
  • 2,203
7 votes
7 answers
2k 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?
user avatar
25 votes
5 answers
23k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
John John Pichler's user avatar
1 vote
2 answers
549 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 ...
nkint's user avatar
  • 359
0 votes
1 answer
889 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 ...
morganpdx's user avatar
  • 101
4 votes
8 answers
373 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 Smith@...
taudep's user avatar
  • 143
3 votes
4 answers
2k 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 ...
JacobJ's user avatar
  • 141
11 votes
6 answers
1k views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...
franz976's user avatar
  • 898
12 votes
6 answers
18k views

How to best represent a ToggleButton (representing on/off) with the ability to be locked

I'm designing a ToggleButton control that has the ability to be in a locked state in which user interaction will not be able to further toggle the control. In general I would like the button to appear ...
jpierson's user avatar
  • 1,667
6 votes
1 answer
748 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 ...
agib's user avatar
  • 2,203
11 votes
4 answers
2k views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
Jiew Meng's user avatar
  • 281
14 votes
5 answers
3k views

When creating a GUI wizard, should all pages/tabs be of the same size?

I understand that some libraries would force me to, but my question is general. If I have a set of buttons at the bottom: Back, Next, Cancel?, (other?), then should their location ever change? If the ...
user avatar
2 votes
3 answers
560 views

Light source direction

It seems to me like the light source direction in most UI designs comes from the top or top-left. This is like the de facto standard, but I'm curious as to if anyone has ever successfully made ...
Sam's user avatar
  • 293
3 votes
2 answers
330 views

Tiled Print dialog design

I need to design printing part of the interface for desktop application. Now the application in question works with drawings of arbitrary size, and has no concept of page or page size. The output ...
Ivan's user avatar
  • 195