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

2
votes
1answer
43 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 ...
24
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, ...
0
votes
1answer
34 views

Visual guidelines across multiple products

Where can I find resources on how to create a visual guideline across multiple products, eg. apps. Example; If a company wants to do 20 apps, and they should have a visual guideline across all 20 ...
2
votes
3answers
67 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.
1
vote
3answers
92 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 ...
3
votes
2answers
66 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 ...
10
votes
4answers
629 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 ...
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 ...
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 ...
1
vote
3answers
137 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 ...
4
votes
4answers
160 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 ...
-3
votes
1answer
106 views

How to design this? [closed]

Image 1 is what i had first, obviously a b├Ęta version of the design as this bar with buttons still needs to be designed / given layout. Image 2 is my attempt at (re)designing it. Image 3 is to ...
-2
votes
1answer
383 views

What are the best practices in defining layouts or shapes of pages in an educational web application? [closed]

I am working on choosing layouts and shapes of page components for a large educational web application containing more than 100 variety of web pages. I am currently trying with flat layouts and trying ...
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 ...
6
votes
3answers
183 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
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). ...
0
votes
1answer
94 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? ...
2
votes
3answers
62 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
959 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 ...
3
votes
1answer
349 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 ...
6
votes
3answers
795 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 ...
11
votes
2answers
274 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 ...
2
votes
1answer
847 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.
4
votes
4answers
569 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 ...
3
votes
2answers
190 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 ...
4
votes
1answer
285 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 ...
1
vote
3answers
186 views

Concept OS Mocking: Illustrator vs. Photoshop vs. Other

As a school project, I am graphically designing my own mobile OS. I already have hundreds of hand drawings of each aspect of the OSs design and I need to make the step to digital mockups. As the ...
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 ...
0
votes
2answers
99 views

How to display an user-defined logo in a Metro dark themed application?

For a Windows application currently under development we have chosen a dark Modern UI theme. As I don't have any representative screenshot at hand, let's say our look and feel is somewhat similar to ...
0
votes
1answer
111 views

Designing a UI for Programmers to Use [closed]

I am doing UI design for a group of programmers who are working on building music-related software. I have created .psd files for all of the mockups, graphics, etc. I was assuming they just needed ...
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 ...
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 ...
12
votes
1answer
284 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. ...
1
vote
3answers
882 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 ...
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. ...
0
votes
1answer
461 views

Methods for using the Golden Ratio in fluid application UI design?

I have seen a bit about leveraging the Golden Ratio in traditional web design applications, however I've not found much in the way of thoughts on utilizing it within fluid desktop application design. ...
1
vote
2answers
558 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 ...
0
votes
1answer
273 views

Design tips for a web design by a beginning developer

I'm currently in the process of making a design for a web application. Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why ...
1
vote
2answers
167 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 ...
2
votes
2answers
216 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 ...
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
796 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 ...
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 ...
1
vote
2answers
394 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
2answers
295 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 ...
0
votes
2answers
154 views

What will a UI designed for a 4S look like on an iPhone 3?

I have designed a UI for the iPhone 4S. What will be the application appearance be if I use the same images and UI for the iPhone3? If I run the same application in iPhone3 and iPhone 4S, what will be ...
2
votes
4answers
495 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 ...
-1
votes
1answer
762 views

Icons are getting blurred in iPad and iPhone

All the icons i am designing for iPad & iPhone applications are looking good on my PC. But the same is looking blurred on any iPad or iPhone. Can any one please help/suggest something, is there ...
7
votes
3answers
338 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 ...
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, ...