Questions about graphic user interface design; the act of preparing an interface with the focus on the user's experience, understanding and interaction. Almost everything has a graphical user interface; the goal is to make the user's interaction as simple and efficient as possible. Ask anything ...

learn more… | top users | synonyms

90
votes
13answers
13k views

How do I learn to be creative?

I've been a programmer my whole life, and now I've found that I really need to start designing my own stuff. I know how to use Photoshop in and out, but I just can't create anything nice. I often ...
25
votes
11answers
5k views

Do interfaces really need to “look good”?

I notice that sites and software with less superficial value (less style, inspiration, or simply "neat-ness") often succeed far above their fantastically, well-designed counterparts. Is the style, ...
12
votes
3answers
409 views

Where does inspiration end, where does illegitimate copying start?

I'm creating the UI for a web application which will mainly run on Macs. So my goal is to preserve the look and feel of Mac OS. But since I don't use Apples Frameworks I'm not allowed to use their UI ...
12
votes
1answer
392 views

What considerations are there in designing pixel fonts?

I'm designing monospace pixel fonts for a game, and so far I've only been able to work with extremely small sizes (largest I've managed is 5x9) because those ones are the easiest to try and err with. ...
11
votes
2answers
377 views

How should ascenders and descenders that share the same space be handled?

This is the initial registration page for my client's communication app. ( I covered over the logo - note the white box - for his privacy) I do not like that the "y" descends and the "h" ascends into ...
10
votes
4answers
692 views

What do users remember the most, position or color of elements?

I have a navigation menu with some buttons, that looks a bit like this (NOTE: Each button has a distinctive icon that differentiate it from the rest, I didn't add them to the mockup but they are ...
9
votes
2answers
682 views

What are some common mistakes that a designer can make when designing for web, and how can they be avoided?

What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
8
votes
10answers
737 views

Are there examples of software that use a dark colour scheme?

A client told me they want something with more a design software feel rather than web 2.0 feel, particularly something with a dark colour scheme. So now I am looking for some examples to show to him. ...
8
votes
1answer
662 views

How important is the visual flow of an interface?

I recently had a conversation with a friend about the design of an installer application. I pointed out that its visual flow was confusing. It led my eyes from the left to the right and then up to the ...
7
votes
6answers
331 views

How can I ensure that users will think a button is clickable?

I had to make a page with a couple links on it, so I thought I would try to make the links big and decorative: But I ran into the problem that people didn't realize it was a button, so they didn't ...
6
votes
3answers
1k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
6
votes
3answers
301 views

Icon to indicate a span of time

I have a mobile app interface with a list of dates and notes: Sep 5 - No longer contagious Sep 6 - Can return to school ... Sep 9 - Back to normal Right now I am using an ellipsis to indicate a ...
5
votes
5answers
472 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
5
votes
4answers
622 views

Designing and prototyping for iPad

I have to do some prototyping for an iPad app, and just realized why I was having so much trouble: this is an iPad app. I am used to design website pages/templates, computer interfaces, etc.. I have ...
5
votes
1answer
111 views

News Feed? Activity?: What are some ways to represent this term as an icon?

I'm working with a team on an app that deals with events(conventions, meetups, weddings, etc) and travel. The closest competitor would be Epilogger. One section in this app is called Activity(ies). ...
5
votes
2answers
147 views

what's the legal status of copying an existing OS theme to implement a GUI framework

I'm not sure if this is an appropriate question for this site, but I tried to find an answer through Google and I found a question here about copying UI themes/paradigms so I hope it's not off-topic. ...
4
votes
7answers
2k views

Is there any learning service like Pluralsight but for design?

Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to ...
4
votes
1answer
253 views

Graphic design/color compositions for waveform presentation

I have a dashboard of data, on which one of most important elements is a waveform of medical data (a real-time stream, in most cases it would be ECG waveform). I am looking for a way to present this ...
4
votes
2answers
1k views

Looking for suggestions for making type more readable with a drop shadow

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones. I'm using css property text-shadow: text-shadow: 1px 1px #191919 , -1px ...
4
votes
4answers
897 views

How to begin with UI design

Newbie here. I like web and UI design, I know what good UI and good design is, but I lack Photoshop skills. Sometimes, when I try to do design, my mind goes blank or gets mixed up because I see too ...
4
votes
3answers
272 views

How can an Icon symbolize “Search Relevance”?

What's a relatively simple image that could be used as an icon to symbolize "Relevance", such as Search Relevance? I really can't think of anything that would be instantly recognizable, or even that ...
4
votes
1answer
344 views

Designing GUI for mobile apps working in bright sunlight environment

I'm going to create GUI for a mobile app that will work in bright sunlight environment (inside a car so it will not be fully exposed to sunlight) and the usability and visibility of certain GUI ...
4
votes
1answer
113 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
4
votes
3answers
275 views

Output knobs from Altium 3DS as “filmstrip” image array

I'm a project manager coordinating development of audio plugin software. Our GUI designer is using Altium 3DS to build a 3D photo-realistic GUI, and will then output images from there for the software ...
4
votes
1answer
320 views

Is there a way to create a dockable palette for Photoshop with ScriptUI?

I am using ScriptUI for the first time and would like to create a custom palette with several text boxes and buttons that can be conveniently docked into the Photoshop UI. Can this be accomplished ...
3
votes
4answers
5k views

What is the GUI style called that is commonly used in sci-fi media?

What do you call the style, trend or design commonly used by bodies mentioned in the title? I always see these designs in sci-fi movies and dashboards used by FBI or CIA. Do you know any toolkit using ...
3
votes
2answers
136 views

How to graphically represent click data

I have a data which contains the number times users visits a page and the time of day the visit occurs. I would like to display this data visually but I don't know what is the best representation of ...
3
votes
5answers
1k views

What elements should be on an iPhone app's splash screen?

I am currently developping an official iPhone app for a football club. Well, the development is nearly finished and I now have to worry about details, like the splashscreen. One solution would be to ...
3
votes
4answers
240 views

What Icon Can Be Used to Represent “Attributes”?

I am looking for a comprehensible icon/a visual metaphor to express "arbitrary attributes", in the sense of additional information. In my particular case, each record represents a word, or a name, ...
3
votes
3answers
600 views

Services and resources for creating Android icon(s)

What services/resources, paid or otherwise, are available to android developers who want an icon designed for their mobile app?
3
votes
1answer
519 views

GUI Based Workflow Tracking Solutions for Designers

I have been interested in finding a way to track my progress and tasks for client work with a visually engaging workflow program, that isn't like a git-hub style solution. I'm looking for a program ...
3
votes
2answers
129 views

Subtle vs bright GUI design - Is there inherent value in design subtlety beyond user preference?

I've heard it said that a designer should almost always use subtle, simplistic style in the design of a typical user interface. Is that really the case? For example, Windows 8 is very bright / ...
2
votes
4answers
621 views

Design cues for draggable page components

I'm working on a web project where a user will be able to edit the ordering of a list. I'd like to update the visuals for the items that are draggable so that there is a a clear indication of each of ...
2
votes
5answers
396 views

Wireframing tool to design a website idea

I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages. In ...
2
votes
3answers
75 views

What are the four control state names?

I'm looking for the common names of the four basic control states (for desktop interfaces): Control is in its default state; Cursor is hovering above the control; Control is being pressed; Control ...
2
votes
3answers
3k views

How to create a perspective view of a screen shot so that it appears as a photographed 3D object?

Ok so this is difficult to put in words but I want to know how designers present their Graphics Design work in screenshots something like this (source: Dribbble): Not about the iPhone but I'm ...
2
votes
1answer
182 views

Icons and text (daycare) for “pee pee” and “poo poo” without being gross?

I have buttons where the daycare worker can select that a child went to the bathroom. They choose whether they "pee'd" or "pooped" (or however you say that in a politically correct way). I want to ...
2
votes
5answers
3k views

A good tool to visually design graphical user interfaces for iOS devices?

I'm developing an iOS apps and I need to find an easy design tool, something that would allow me to drag widgets into my GUI, and visually build it. I'm currently using Adobe Illustrator with this ...
2
votes
2answers
2k views

Smartphone resolution

I am going to make a design for a smartphone game, now I have seen that there are MANY resolutions around. Luckily iPhone has only a few, but Android contains already more, not to speak about upcoming ...
2
votes
3answers
178 views

How can I snap or connect lines to circles in Adobe Illustrator?

How can I snap or connect lines to circles in Adobe Illustrator? I want to snap and or merge the lines to the circles in order for me to create a slash \ type design.
2
votes
2answers
2k views

How to make this gradient drop shadow?

I have messed around with a few options, but have not come up with a good solution to recreate this gradient drop shadow effect.
2
votes
1answer
173 views

Design pattern for assigning items to two buckets/lists, where items can be in both, one or none

I'm sorry I could not name this question any better -- if anybody knows of a better term to refer to this by, please let me know. I'd be happy to edit my question. At any rate, I have a design ...
2
votes
2answers
238 views

What do you call the model for creating buttons for a web application?

I am looking for the graphic design terminology for describing themed buttons used in a web application. The way I understand it is that certain color/backgrounds are created and various sized ...
2
votes
1answer
984 views

What are good and maybe free UI storyboarding applications, especially for mobile UIs

Hi I would like to get an overview of existing UI desktop or online application, which may have a specialization towards user interaction modeling and mobile device interfaces. I guess there are some ...
2
votes
2answers
116 views

Is there a conventional, widely used icon for decision support?

I did some research to figure out what icons exist for decision support, and which of those represents the decision support the best. I didn't find any suitable icons, because I think they don't ...
2
votes
3answers
252 views

Standard for testing Aesthetic conditions in software

What standards do we need to follow while testing aesthetic conditions of a software?Is there any particular set of rules/standards to follow. i.e. if we are writing test cases for it what do we need ...
2
votes
2answers
121 views

Emphasize diffrence in a chart

I need to present a chart (not really specified more than that right now) that will consist of two almost equal parts (ie ~50% each). However, a pie-chart would almost always look about the same, ...
1
vote
3answers
146 views

How can I be creative in web design

I am a front-end web developer and I like design a lot, as matter of fact - lately, I am focusing more on UX/UI design to create top-notch products for my clients. Coming from coding background, I ...
1
vote
2answers
447 views

Can a mockup for a smartphone app be used for the real app?

I should mention i don't know the first thing about designing smartphones apps. I hired a freelancer to create a mockup for a smartphone (Android/iPhone) app for me, and I was wondering if I'll be ...
1
vote
4answers
132 views

Critique: Color/Depth for Compact Left Navigation

I have a compact left navigation menu that I've developed but I can't seem to get the coloring/depth just right with the different levels it has. At the basic level it looks like: When you expand ...