Questions tagged [interface-design]

Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,

Filter by
Sorted by
Tagged with
1
vote
2answers
382 views

Adobe Fireworks and iPhone app prototyping

I had a look at Adobe Fireworks used in combination with "Dreamweaver" to upload a .html prototype on an internal server. It seemed to work pretty well. Plus is well integrated with the Adobe suite ...
1
vote
3answers
715 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
573 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 ...
11
votes
4answers
842 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 ...
6
votes
3answers
44k 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 ...
5
votes
7answers
12k views

A good set of color in for an alert message on dark background

The goal Choose a good color combo for my alert message for a dark background. The scenario This is what I have now: Borders/font color: #e84e4f Alert background-color: #9c2b2e Body background ...
1
vote
2answers
629 views

Is there a term for this “gripper” UI element?

What is the official name of this image ? It is often found on the side of a panel widget for dragging. Is it named "gripper"? A Google search doesn't return a lot of results for "gripper icon".
2
votes
1answer
260 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
1k 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
votes
3answers
2k views

Trouble zebra striping a table with children with CSS

I have a problem where I can't decide how best to zebra stripe my tree with css. The problem arises because when you click on a node in the tree, its children will become hidden, but still count ...
0
votes
1answer
1k views

Examples of block-layout UI design?

By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big focus ...
3
votes
3answers
665 views

What font is being used by the OS X text application named Brackets

I really don't have an eye for this. Can someone identify this font please: It is a menu of the OSX app named Brackets - i think this font looks awesome but i can't with certainty seem to identify it....
4
votes
4answers
2k 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
180 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 ...
4
votes
2answers
207 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
-2
votes
1answer
652 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 ...
5
votes
4answers
305 views

How to make clickable areas stand out?

I'm working on a calendar app that lets you toggle your vacation days. There's a feature for choosing which of those days count only half. Usage: The user toggles some days, those days turn orange. ...
4
votes
1answer
1k views

Super-thin UI Trend: Is there a name for this “beyond 'flat'” style?

I really like the look of this screenshot on Dribbble: And I'd like to employ a similar navigation for both desktop and mobile devices. I’m looking for a similar UI set – large (X) to close out a ...
0
votes
2answers
2k views

Do you incorporate sidebar menu into 960 grid layout?

I have a client who wants a design for a web app. He told me that he would like "a large sidebar menu on the left" and gave MailChimp's new design as an example. We both agreed that what the client ...
2
votes
3answers
776 views

Standard for testing Aesthetic conditions in software

What standards do we need to follow while testing aesthetic conditions of a program? Is there any particular set of rules/standards to follow? That is, if we are writing test cases for a program, what ...
1
vote
4answers
729 views

Making coloured text links stand out and obvious that they can be clicked on

This is a redesign of my website: As you can see, its largely a work in progress; I'm trying to do a flat user interface design. I can tell you now that I am in no way a designer or UI/UX expert. I'...
7
votes
3answers
2k 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 gap ...
5
votes
1answer
245 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
2answers
305 views

Keeping a layer synced across multiple files

I am working on a web UI design and using adobe-photoshop. I have to make complete UI to show what exactly a screen would look after different interactions. Say, the following is the basic layout of ...
0
votes
1answer
157 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? 1)...
4
votes
2answers
594 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
1
vote
1answer
841 views

Why is flat design not as common on the desktop? [closed]

Flat design has become extremely popular since the release of Windows 8, but I cannot find as many examples of it on the desktop as I do on the web and mobile apps. By desktop examples I mean Windows ...
2
votes
3answers
103 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 is ...
1
vote
4answers
203 views

What is a good generalized “navigate to” or “open” or “more” or “choose” or “select” icon?

Imagine a table with many rows in a web application. The first column contains only an icon, no text. When single-clicking the icon, it must represent selecting that row and takes you to a new page. ...
3
votes
3answers
11k 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 talking ...
3
votes
1answer
1k 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 ...
42
votes
18answers
11k views

Good visual alternatives of representing the Push and Pull signs on doors?

Using "Push" and "Pull" should be quite straightforward, you read the word and follow the instructions. But day after day I see people in my office coming to the door and pushing when they should pull ...
6
votes
3answers
3k 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
1answer
10k views

Recommended tools for graphic designers working with WPF

What are some good applications and tools that graphic designers can use to work with WPF interfaces?
0
votes
2answers
1k views

How to improve image detail quality for mobile apps? (too blurry)

What is the best file type to use in mobile apps? I am developing an iphone app and I am using images with the same frame as the views with 72 dpis in a format file .png but when the detail is more ...
16
votes
2answers
2k 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
2answers
11k 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.
6
votes
7answers
3k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
1
vote
3answers
2k views

Mac OSX Lion or Mountain Lion GUI wireframing kit for Illustrator

Is anyone aware of a wireframing kit for Illustrator (or any vector based template) that encompasses GUI elements from Mac OSX Lion or Mountain Lion?
4
votes
3answers
505 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 ...
7
votes
1answer
874 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 ...
2
votes
3answers
637 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 ...
6
votes
1answer
1k views

Coming from a programming background, where should I start to learn web design?

I'm a web developer mainly working in front end developing. My main fields are HTML5, CSS3 and Flash ActionScript 3.0. Here in Iran, teamwork means nothing for most of the people, but I think it's ...
1
vote
2answers
191 views

Can anyone offer some advice on the relationship between design and business goals?

I am designing a one page site, and I need to go back to basics and learn about how to translate business aims into a homepage design. Can anyone offer some advice on the relationship between design ...
5
votes
3answers
1k views

How to design a modern/slightly futuristic-looking application?

I was hoping to get some advice from some more experienced UI developers. I have been presented with a unique challenge by my customer, and I feel like I am failing. Specifically, they want a UI that ...
0
votes
6answers
674 views

Recommended books about styling elements for App / Interface Design

I'm new to Photoshop and I'm looking for a book which helps me to learn design iOS Apps and user interfaces. I don't look for a book that teaches me about good UI, I'm looking for techniques I can use ...
4
votes
5answers
14k 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
403 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
1answer
1k views

How to to use bevel and emboss properly for clean buttons in photoshop cs6

I've heard of different methods in getting a nice highlight on the top of a button. Can some of you explain a preferred fx for the example here? Along side the nice highlight on the top of the button,...
0
votes
1answer
198 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 ...