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

2
votes
2answers
92 views

Designing a long web page questionnaire

Wondering how one would go about designing a long questionnaire with 700+ questions The questions should have an input text field next to them or sometimes a Yes/No checkbox, and can be ...
4
votes
6answers
120 views

How can I quickly design websites without being too detached from the actual web platform?

The reason why I'm asking is because while tools like Photoshop and Sketch are great at building mockups, they are very far from the reality of how the web will look and feel. The fonts they render ...
10
votes
4answers
264 views

Colour combination for three buttons

What colour combination would work best for these three buttons: Should all of them remain the same colour? These are my options: Image of the whole page
0
votes
1answer
28 views

Extract controls from screenshots

Is there a tool that can extract controls from screenshots (dialogues, windows,...) automatically in something like layers in Photoshop? In my memory there was a tool for Mac doing this. But I ...
1
vote
1answer
73 views

Managing Design Assets and Modular Templates for an App

Does anyone know or use any tool or application programme that allows you to manage all design assets and its modular/page templates from your desktop or in a shared drive or even online? I am ...
-2
votes
1answer
76 views

Best way to show transition between states

I need to graphically represent transition between different states. The states list is dynamic. At one time only one state can be active. We have a product which gives the user ability to define ...
0
votes
0answers
13 views

what is size of iphone6 and iphone 6+ navigation bar?q [duplicate]

I use photoshop for design ui of iOS apps i want to design ui for iphone 4, iphone 5, iphone 6 and iphone 6+. but i don't know about the size of navigation bar iphone 6 and iphone 6+. please anyone ...
1
vote
1answer
72 views

How to transfer information to the development team? [duplicate]

I am a UI team lead. I detected that the topic of "how do you want the graphics?" is a very hot topic in my company. And I find myself always giving the same explanation. I would like to give like ...
0
votes
1answer
140 views

How to achieve pixel perfect curves with Photoshop CS6?

Coming from a mobile development background, I have recently decided to learn how to design for mobile apps. I am not yet decided which tool I should use. I don't hold much knowledge in Illustrator ...
0
votes
1answer
74 views

How in Apple's iMessage can a message with more letters fit in a bubble the same size as a message with less?

In the picture above, I sent two messages. One has 4 characters, the next has 6 characters. How and why is it that they are both able to fit in the same bubble size/container although one has more ...
0
votes
0answers
42 views

Suggestions for “Minimum delivery” icon

We haven't been able to come up with a suitable idea for the icon 'minimum delivery amount'. The icon needs to signify that the restaurant will accept orders only above a certain minimum amount. The ...
1
vote
1answer
236 views

When should a Material Design ripple be dark, and when should it be light?

In the Buttons page of Google's Material Design online handbook, touch/click ripples are only mentioned in the "Buttons in motion" section, as an example video with no explanatory text. Here, the ...
0
votes
0answers
42 views

Google Design Spec - Layout

According to the Google Design Spec under Layout Principles, The left and right actions in a toolbar are never split by another sheet of paper. However, a toolbar can constrain its width to less ...
0
votes
1answer
82 views

Iconography for “Paid” and “Pay Later”?

I have been trying to work with using iconography for the status of a booking, which allow my app users to pay now or pay later. After they have selected from these options, they are presented with a ...
5
votes
1answer
245 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 ...
0
votes
0answers
42 views

Color combination for 3d mesh segmentation

I'm a programmer, with really bad aesthetic feeling. Please sorry if I use not specific terminology, I'm not a graphic designer. I'd like to automatically generate a variable size cool combination ...
3
votes
5answers
293 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
496 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
29 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
168 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
104 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
173 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
178 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
107 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
77 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
52 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
77 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
163 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
141 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
194 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
41 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
vote
2answers
1k 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
149 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 / ...
26
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
59 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 ...
1
vote
3answers
265 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
200 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
721 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
3answers
24k views

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

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
194 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
432 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
394 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
139 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
537 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
348 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
406 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
127 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
123 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
78 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 ...
3
votes
3answers
4k 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 ...