User interface design is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible

learn more… | top users | synonyms

65
votes
12answers
7k 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 ...
18
votes
9answers
3k 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
362 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
282 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. ...
10
votes
4answers
626 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 ...
10
votes
2answers
271 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 ...
8
votes
10answers
641 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
514 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
290 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 ...
7
votes
3answers
335 views

Common mistakes that we make while designing for web & how to avoid them

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 ...
6
votes
3answers
789 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
182 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
4answers
490 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
90 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
143 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
4answers
1k 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 our ...
4
votes
1answer
235 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
779 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
563 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
4answers
157 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
280 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 ...
3
votes
4answers
3k 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
64 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
3answers
529 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
344 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
189 views

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

I'm a project manager coordinating development of audio pluginsoftware. Our GUI designer is using Altium 3DS to build a 3D photo-realistic GUI, and will then output images from there for the software ...
2
votes
4answers
493 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
306 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
61 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
2answers
892 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
136 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
2k 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
1k 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
1answer
40 views

What are the pros & cons of subtle vs bright GUI design?

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? What are some of the pros & cons of using ...
2
votes
3answers
64 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
215 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
824 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
1answer
804 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
3answers
129 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
112 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, ...
2
votes
0answers
136 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 ...
1
vote
2answers
393 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
3answers
858 views

Distribute guides evenly in Photoshop

I'm trying to make a color chart for someone that would be four thumbnails across and four thumbnails down. Now, this seems simple, but there is too much math and calculator work to try and get this ...
1
vote
1answer
2k views

UI Mockup and wireframing tool for Mac OS X app UI's

I'm looking to get some input from experienced designers, since my main job revolves around coding and not so much designing... What good tools are out there that one can use to mockup some os x ...
1
vote
3answers
133 views

Icons (or term) to show breakfast, lunch, dinner and snack(each)?

I have a page where the user selects breakfast, lunch, snack or dinner. I have the words below each button. I cannot seem to figure out what icon I can use to differentiate each. So that the user says ...
1
vote
2answers
292 views

Inspiration from existing works - where is the limit?

I am trying to create icons for the UI of my website to represent key concepts of my trade such as "translation services", "languages", "translation tools"... and I am having a hard time to come up ...
1
vote
3answers
88 views

Icon to represent product menu tree?

We're rebuilding an online platform for online commerce and are thus contemplating hiding the product menu (represented as a tree, usually with a depth of three or so) and only making it appear on ...
1
vote
2answers
548 views

Design tools in Fedora

I am reasonably experience developer on photoshop and it has spoiled me to no extent. I am searching for a graphic tool on fedora which is simple to generate images that I would like to use on my ...
1
vote
2answers
164 views

Company offered to pay for design training. What should I suggest?

I'm a computer engineer on a small development team that specializes in designing mobile apps. We're all coders, and we're starting to realize that we need at least one or two qualified designers on ...