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

3
votes
4answers
158 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, ...
5
votes
5answers
455 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 ...
0
votes
0answers
23 views

Changing Opacity vs Changing Color

I have noticed in several professional documents (templates, guidelines, co-workers' projects, etc.) the designer has adjusted the opacity of certain elements to get the desired colour. Is this best ...
0
votes
0answers
42 views

Mobile UI Animation [duplicate]

can anybody tell how do they animate the mobile UI/design to showcase their work.I have used Photoshop but the GIF quality sucks, i wonder what would be the best way to get the desire result please ...
0
votes
1answer
52 views

Get the reduced opacity color of a layer in Photoshop

I have a layer which is completely filled with a color to which i am changing the opacity value to say some 80%. Is it possible to get the color code of the layer with the reduced opacity? To put it ...
2
votes
2answers
71 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 ...
1
vote
3answers
128 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
71 views

What is the name of this GUI layout

Sorry for asking such a question, I've to confess I do not own a hand-held device, but I wish to discuss about layout options for desktop application I develop. Would you please tell me the name of ...
1
vote
2answers
56 views

Where to find interface designers on the internet?

Just to say, I'm not about to make a pitch on this site for work. I assume that is probably against the rules of the site and respect that. I just wondered if anyone has good ideas though on where to ...
0
votes
1answer
45 views

Best List lots of Address BUT SIMPLE as well

I am trying to get a CLEAN yet NOT giving up on detail way to display quite abit of addresses. Here is the current method ( it is a Toggle ) BUT from a user looking at this THEY can't tell which ...
0
votes
1answer
63 views

How should the design of a business' in-house web app differ from the business' website?

I'm currently sorting out a proposal for an in-house web app build, and design is a factor that I'm thinking through. I expect there's minimal budget for design, but I want it to look good, so some ...
0
votes
1answer
65 views

Representing Workflow Decision Tree Nodes

I have a workflow tree end users can build to: Define conditions for execution Perform action on condition met Currently the UI looks like: with blue being 'condition' and green being 'action' ...
1
vote
4answers
117 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 ...
0
votes
1answer
127 views

Are there any good references for colors that go together nicely when creating user controls?

This may be more of a preference thing but, since I am not a very experienced UX designer I wanted to get some input to see if there was any science I can learn about the subject. I'd like to know if ...
0
votes
0answers
27 views

Visualizing a droppable field

I'm currently working on a pure drag and drop part of my applications UI. There are certain tools the user can drop the items into, to do certain things (Remove, rename, move) Are there any good ...
-1
votes
2answers
199 views

Flat design vs skeuomorphism, which one is most preferable? [closed]

As per my knowledge nowadays there's a trend going with flat design. That's cool. These are the things people associate with flat design Simple Clean Colourful Modern Trendy Easy to use Perceived as ...
3
votes
2answers
113 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 / ...
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, ...
1
vote
1answer
48 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
116 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
177 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
106 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
666 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
2answers
9k 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
167 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
219 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
3answers
225 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
124 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
449 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
199 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
256 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
99 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
100 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
69 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
2k 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
466 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
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 ...
11
votes
2answers
327 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
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.
4
votes
4answers
753 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
243 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
317 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
226 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
4k 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 ...
2
votes
1answer
161 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 ...
0
votes
2answers
123 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
137 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
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
239 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
343 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. ...