8
votes
6answers
798 views

Key dimensions to efficiently describe a user interface

What is clearly thought out is clearly expressed and there is certainly a way to efficiently describe and classify the various user interface types that have spread. At the UI components level, ...
0
votes
1answer
141 views

When should I ask for the title of a YouTube video and the title of a resume?

I am designing a web site where candidates can upload videos and files. Candidate can upload videos from YouTube and they have to give the video a title and do the same thing for a file. They have to ...
0
votes
2answers
101 views

When designing for desktop, is it still appropriate to design for standard pixel density?

With new, high resolution monitors and laptops popping up all over the place I'm starting to wonder whether I should be making the desktop only design elements of my websites suitable for high pixel ...
2
votes
2answers
131 views

Differentiating abbreviations for minutes and months

I want to, instead of showing "X minutes ago", show "Xm". The problem is, how would I differentiate if it were "X months ago"? I can't do "Xm" because that's used for minutes. What should I do if I ...
3
votes
2answers
185 views

Standard headshot and thumbnail dimensions and width/height ratio

Is there a preferred size and ratio for images that represent a headshot/mugshot of a person? I have a project where we're taking photos of people, generate thumbnails, store the thumbnails and print ...
2
votes
2answers
173 views

When to circle a symbol

I was wondering, if you have any basic rule whether to use a symbol, e.g. +, just plain or in a circle, e.g. (+). One example is the star (★) to favorite this very question (on the left hand side), it ...
0
votes
3answers
160 views

Website theme change checklist

We are now changing the current UI to the new look, by just changing the font/logo and some graphical images. Current Site Looks like Generally i am trying to put all the changes in the document ...
6
votes
5answers
409 views

Bigger font sizes trend

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
2
votes
4answers
288 views

What is the best way to display language changing option?

We have a website that is dedicated to English teachers (English as a Foreign Language). The home page is mostly aimed at school principals - to interest them in our platform (product). That's why ...
1
vote
1answer
157 views

Designing the UI of a chrome extension's popup

I just built a chrome extension for my college. It helps students know their total marks and % without manually adding their marks. The user doesn't interact with the popup. He only watches the ...
1
vote
2answers
170 views

What type of menu is this? And is it good to use?

Does anybody know what this type of menu is called? Something like on SitePoints website and maybe the one on Pure. The colorful menus is what I'm asking about. And are they good to use?
0
votes
1answer
151 views

Full width background images

I want to allow users to upload full-width background images that would take up the entire width of the page (with a set height of 500 pixels). However, the issue is, what should be the minimum ...
0
votes
2answers
109 views

Is it relevant to use “switches” buttons in non-mobile app?

I want to use this kind of UI elements in my web app. They look nice and they don't lake a lot of place in the layout. I don't see them often beside mobile app, is it a good idea to use them for ...
2
votes
1answer
203 views

Why are those Sign-in/sign-out icon a convention?

I've been recently implementing a custom icon-font & I decided to use those icons for Sign-in/sign-out: My only real reason being that choice is that it seems to be a convention in all major ...
1
vote
3answers
77 views

Comments at the heart of a document

Context I just read the amazing question Emerging UI trend: comments in the margin - pros and cons?. I noticed this trend of putting the comments on the side of the documents (Google Docs is maybe ...
0
votes
1answer
168 views

What is the best way to show multiple files to an reviewer?

Say you have emails with resumes for a job position and applicants have multiple files attached with their emails. The current view of the web app is like similar to the picture below where users need ...
1
vote
1answer
215 views

Scheduler Design with Slots

I to create a UI design for recurring events Example: John, do hair cut on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do 45 mins slot ...
4
votes
3answers
190 views

How to make textual messages in an internal company web app casual and interesting?

I'm planning to develop a web application for our company's internal use. So I need to design the UI of the application in a casual way. My intent is to make the system interesting. An example of ...
6
votes
2answers
413 views

How to present a todo list / checklist to a user

I'm working on a website where each user have to fill some forms to add some data which must be validated by some administrators. I won't enter into details in order to find a general solution which ...
0
votes
1answer
163 views

UX question for pricing packages pages

On pricing package pages if we are giving the customer an option to customize the price for the package what's the best way it should be handled to give the best user experience for the user? I ...
1
vote
2answers
160 views

What should be taken into account when designing easily identifiable symbols?

I am currently designing a website with multiple filters. The first set will be Food, Shelter, Energy, Transport and Economy. Each of these will have five sub-sections and then there will be a long ...
0
votes
3answers
353 views

Which label text is good for “Enter email address”?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
1
vote
1answer
162 views

Adding a way to tag tags?

I have what I call a 2 dimensional tagging system. You provide a data element and tag it. In this case the data element is a ( url , title, favicon ). Here is the UI for it: However I want to ...
3
votes
2answers
131 views

Buttons on a dialog window

I have a bootstrap dialog that exhibits an object's data to the user. Apart from displaying the object's data, the dialog must offer the user options to do general tasks on the object such as saving, ...
5
votes
2answers
282 views

How would you classify UI/UX issues as show stoppers for product release?

The question of which UI/UX issues should be considered as showstoppers when releasing a product to the market has always been of interest to me. I am curious to get some thoughts as to how would you ...
1
vote
2answers
129 views

What is a good analogy for a custom selector?

I'm working on a project where the user has a list of labeled input fields and a bar above with some options. This is how it looks (simplified): I'm now looking for an element the user can use to ...
-3
votes
1answer
171 views

Dashboards: What's more important, upper right part of the screen or the lower left?

Sort of new to UI design. From intuition it seems that the top-left corner is the "most important" or easiest seen part of the screen and the lower-right is the "least important" or last seen part of ...
7
votes
3answers
553 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
2
votes
1answer
255 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
1
vote
2answers
138 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
1
vote
1answer
136 views

Where / how is the best way / location to display a menu under a menu

Upon login I have a menu with options and underneath it another menu ("what to do with those") What will be the best practice in this scenario to display this menu and buttons from a UI perspective? ...
0
votes
2answers
100 views

Suggestions for how to consolidate multiple admin areas into one?

I have been given the task of consolidation multiple admin sections of an app into one. Each admin area is a large page which contains form elements. To achieve this I am considering the following ...
3
votes
1answer
6k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
1
vote
1answer
191 views

Design of location & tag based filtering

I'm no UI expert, but I'm working on a experimental pet project that consists of an interface to search "items" (could be events, real state, etc. doesn't really matter) by location and tags. I ...
1
vote
2answers
129 views

How to best assign primary and secondary styles for multiple functional buttons?

I have a page that opens to a search bar with a search button beside it. On hitting the search button, a listing will appear below that section. There's a button at the bottom to submit after ...
1
vote
1answer
86 views

Presenting categories management to the user

I'm creating a page in my webapp which should be for displaying and managing the categories. As you can probably tell I don't have much experience about user experience so I came here to ask. I have ...
0
votes
1answer
568 views

Designing for 1280

If you had to design for 1280 without using fluid or responsive design (project constraints), what width would you set the design to be? For example, a set width of 1140 should allow enough gutter ...
4
votes
4answers
518 views

Where to place the '< Back' link or button?

I am building a simple transactional site with two step process both on web and mobile (responsive). Target users both male & female age from 30-40 relatively tech savvy. First page is a ...
14
votes
4answers
1k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
12
votes
5answers
578 views

Is it okay to use breadcrumb navigation on some pages and not on others?

Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper. Is it bad practice to only implement breadcrumbs on some of the pages?
9
votes
5answers
567 views

Is it absolutely necessary to show the currently selected language in a language selector?

There are three choices of language. At least on mobile it would be nice if I could save a little space in the footer by omitting the currently active language. This seems risky though as it means the ...
6
votes
3answers
1k views

Time Scheduler UI

Working on a doctor availability schedule page. In this page I need to setup the available time for each day in a week for a doctor. This is one time activity. Something is repeated for every week. I ...
2
votes
2answers
589 views

Quick Booking UX/UI design [closed]

I am using Twitter Bootstrap UI for developing screens for my application. I created the booking / appointment page. This page will be used by hospital staffs. They want to quickly fill the data, ...
9
votes
2answers
614 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
-2
votes
1answer
58 views

Components of a site that would cause imitation concerns [closed]

I'm new to the web design and web comic fields. I'm a huge fan of The Oatmeal, and thought his tile layout was a good way to share the most amount of comics for given real estate. So, following the ...
6
votes
3answers
165 views

How to make other tabs more noticeable?

We have a dialog that allows the user to choose the "type" of a shape: text, pop up and link. Changing the type also changes the modal's body. Our current design uses an underline to indicate the ...
12
votes
6answers
646 views

Minimalism, Maximalism(?) or whatever?

Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
11
votes
2answers
946 views

Good UX for a page

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
2
votes
3answers
794 views

How to design a futuristic-looking application

I was hoping to get some advice from some more experienced UX 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 ...
3
votes
3answers
202 views

Traditional file upload vs repository

I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...