Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.

learn more… | top users | synonyms (3)

3
votes
5answers
435 views

large top banner vs smaller one?

So I know a few years ago having a huge banner was a big no-no in UX but it seems to be something that looks more and more acceptable. I have a tv show website and I'm trying a new, more original ...
3
votes
3answers
887 views

Default action for the “Do you want to leave the page?” warning?

When you compose a question/answer on a StackExchange site and then navigate away before submitting it, you get a popup, warning you: (translated:) The "Leave Page" button is ...
3
votes
3answers
243 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 ...
3
votes
2answers
385 views

What's an intuitive workflow for a registering user to simultaneously sign-up his colleagues?

I'm working on a redesign of a website that has a bit of a complicated registration requirement and I just can't get my head around how best to design the necessary forms/pages. For context, the ...
3
votes
2answers
846 views

select a work week schedule

In my web application I want the user to select his work schedule. For example, someone could select [Sunday (8AM - 5PM), Monday (9AM-1PM , 2PM-6PM) ...etc. So the user has the freedom to select any ...
3
votes
1answer
405 views

Are there any guidelines for vertical layout and spacing?

The proliferation of grid systems have made it easy to determine the horizontal layout of a site - column widths and margins are just made to fit into the correct grid spacing. But what about ...
3
votes
3answers
420 views

How best to describe ranking and prizes using icons?

I have a site with an online game, there is a ranking of players. For each game the player gets points which are summed up in their ranking. During the game I want to show how much the player won ...
3
votes
3answers
1k views

“Desktop”-like web application

We are a group designing a big project. Its main purpose is educational matters (we run an online quiz). I have designed a desktop-like interface for the website with icons and a start menu. I just ...
3
votes
3answers
277 views

What deliverables can one provide in a pitch for a client to show to his/her boss and get approval for a project?

I am in the position where a client is asking for some visual materials to show to his boss in order to get the go-ahead to sponsor a new project. This client has an existing site that we designed ...
3
votes
1answer
221 views

Guiding user on two separate choices that begin with the same first step

I am working on building a site which has two steps as the basis for the main functionality of the site: Asking a question Creating a new page Before they can ask a question or create a new page ...
3
votes
3answers
305 views

Where we should keep primary navigation in a mobile website, especially on the Homepage?

1) Vertically On home page with logo and footer and then at bottom of each page see on iphone http://j.mp/qpbN1A 2) Or horizontally like desktop websites see on iphone http://stackoverflow.com ...
3
votes
2answers
160 views

Is the alt attribute on navigation sufficient for section 508 compliance?

I was wondering for a html page which has two navigation options ( 1. Login method 2. Roles), is it just sufficient to provide a alt text to describe what they do? Or should I try to have something ...
3
votes
3answers
940 views

How to align social buttons without losing vertical space?

I've add in some social buttons to one of our pages. I don't want to have to put them in a horizontal row because that'll push more products down below the fold. This is my idea so far: Close ...
3
votes
2answers
936 views

What's the best UX option to help users choose between three items

So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
2answers
189 views

Placement additional menu on video website; top, bottom or something else

A friend of mine is building a video website where you can watch user submitted videos. Those videos are of individuals speaking their dream in the camera. The focus is on letting people watch those ...
3
votes
5answers
360 views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
3
votes
2answers
253 views

Is it okay to map the left/right arrow keys to a website's navigation?

When making a site accessible by allowing keyboard navigation is it OK to use the left and right arrow keys to move between columns (in addition to the tab key which traverses all of the column's ...
3
votes
1answer
91 views

When should I use cursor:default?

On a website, text will by default have the cursor:text type which looks like this: However I've noticed some websites use the cursor:default type on text. When should cursor:default be used on ...
3
votes
2answers
251 views

How do you indicate an element is moveable by keyboard arrows?

I am building a drag and drop interface where elements can be moved by a mouse or by the keyboard arrows. How should I 'tell' the user these elements are moveable using the keyboard? Any idea or a ...
3
votes
2answers
266 views

Searchresults on same page or on 'searchresults.php'

What is the best way for searching on a webpage. Should i show the searchresults on a new page or on the same page? (maybe with autocomplete). I personally like searchresults on the same page as my ...
3
votes
2answers
193 views

Best Method for Adding Ingredients

I have a recipe application that has a "Add Your Recipe" feature that's current implementation looks like this: Some notes: Upon clicking "Add Ingredient", a ingredient form is added. Same for ...
3
votes
3answers
156 views

Asking for more info on whitepaper download then on trial sign up

Im currently researching how to handle lead generation forms. I came across a website which has 3 slightly different forms for downloading a white paper, downloading an ebook, and downloading the ...
3
votes
4answers
254 views

When is simplicity good in web design?

I'm currently working on a B2B website targeted to the city I live in and I started doing some research and looking how big B2B portals (such as alibaba.com, globalsources.com, etc.) are designed, and ...
3
votes
1answer
127 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
3
votes
1answer
480 views

Metro Box Style Navigation

Train and Subway Information Design Metro style refers to boxing information so that it's easy to digest. Windows 8 uses this, although they failed to make it usable. Metro Style on the Web I ...
3
votes
1answer
297 views

How should I divide my site between B2B and B2C?

I've spent about 3 years trying to answer this question myself, so I thought I'd give you guys a go. Here's the situation: My company provides training services. You can either (i) book a course ...
3
votes
2answers
1k views

Does the Foundation framework comply with Section 508 and other accessibility standards?

I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
3answers
498 views

Is paging within a scrolling banner necessary?

This is used quite extensively across the web, but I'm wondering whether it is actually necessary. Alot of animated banners/carousels on websites use navigation or paging links so that you can jump ...
3
votes
2answers
431 views

How should I toggle navigation for 2 distinct user types

I am trying to determine a method that will allow visitors to toggle between two categories of users. The high level navigation: For Professionals vs. For Users Many product categories within ...
3
votes
3answers
313 views

Data Grid double click for detailed record view or single click to populate constantly visible single record form?

It was hard to phrase the question clearly. I'm looking at two options: 1) Full page data grid. On double click on a record, a window pops up showing the record in a form view. 2) Top half: form ...
3
votes
2answers
149 views

Information Architecture for a Blog [closed]

I am about to re-design an existing blog for a company and I have a very good flexibility in terms of layout-design and IA. There are many galleries to get some inspiration for the design part, but ...
3
votes
2answers
227 views

Quick search on the left, or on the right of a home page?

Is there any benefit to having a 'quick search'* on the left of a home page, or, on the right or does it not really matter? Given that people generally scan / read from left to right, it may be ...
3
votes
1answer
492 views

Examples of good use of animation on web pages

I'm currently redesigning our company's Magento theme, with the aim of increasing our conversion rate as much as possible (obviously :-) ). I have what I feel to be a good overall layout with the eye ...
3
votes
3answers
223 views

How to best let a user sequence items in their queue

We have a queue on our users' project page. And we want to introduce sequencing. Currently all actions that are applied are First In; First Out. What is the best method for sequencing? We have come ...
3
votes
4answers
114 views

Which type of experience for exploring added reviews is more interesting and useful for exploring newly added beer?

I am trying to nail down a good experience for user's who want to browse added beer reviews for my upcoming site. I'd like it to be a fun experience so I've tried a few different ways of displaying ...
3
votes
1answer
295 views

Using mobile design elements for standard web pages?

I'm a big fan of minimalist design and really like the efficiency and layout of sites and apps designed for mobile devices (Tripit.com comes to mind). I often find myself trying to incorporate similar ...
3
votes
2answers
1k views

What are some good User Interface words/phrases

I'm a programmer, and I come across the issue of naming UI elements on web pages often. What are some good words/phrases? Like: Dialog popup Modal Window Alert Box Image carousel Is there a ...
3
votes
2answers
210 views

How should I allow my members to delete their membership from my site?

What is the best way to allow a member to delete their account if they wish to not be a member of our community? Should I simply have them click a delete button on the site? What other measures should ...
3
votes
1answer
54 views

differentiating between groups of products that are very similar?

This is the corner I'm backed in to: My company is releasing a new line of products that use the same hardware as our current products, but with completely different software -- a cloud based version ...
3
votes
5answers
364 views

UX to view and search through large set of hierarchical data

Building a web desktop site in which users have to be able to navigate through a hierarchical structure. There are two types of nodes, call them A and B. A can have children of type A or B. B are ...
3
votes
2answers
722 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 ...
3
votes
3answers
139 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
3
votes
1answer
279 views

Time (duration) entry in webapp - pros/cons of various designs

In designing a way to enter time durations in a website, there are various proposals below. What are the pros/cons from a UX standpoint for both mouse & touch uses. Yellow boxes show input ...
3
votes
1answer
194 views

Sorting content by popularity and rating

Most sites seem to keep them separate - providing the user the ability to sort content by rating or popularity/most views. I was thinking of combining them into one metric that gives the user a good ...
3
votes
1answer
356 views

How to combine Faceted Search with 'browsing' action?

I don't have a UX background, so forgive me if I am missing something. I am working on a small demo, to explore browsing a list of items (movies) combined with faceted search. I was wondering what ...
3
votes
1answer
261 views

Multiple admin sections (scopes) inside one web application

Im developing web application with quite complex configuration UI. It contains multiple configuration scopes, for example in global scope you can configure host setting, logging and also create ...
3
votes
1answer
128 views

Multiple items in one basket that get processed at different rates on completion of checkout

Does anyone have any good ideas on how to solve the problem of having multiple products in one order (basket) that are processed at different rates once the user completes their purchase? An example ...
3
votes
1answer
277 views

Resources for configuration-focussed UI?

I work for a company that produces an appliance that's designed to be configurable via a Web interface. We have such an interface that 'works', but it's sort of dismal and we're looking to basically ...
3
votes
1answer
397 views

Grid text alignment rules

I was wondering if someone has come across rules used by web designers for text alignment in a grid. I was observing that majority of text is aligned towards left, but financial figures with ...
3
votes
1answer
132 views

Name that pattern: Notifications on reaching bottom of page

Over the last couple of months I have begun to see a pattern, but I don't know what it's called. The concept is that when a user scrolls to the end of the page, or a point close to the end of the ...