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
2answers
158 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
925 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
888 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
305 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
233 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
88 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
4answers
288 views

Standardization vs uniqueness in web design

It seems to me that standardised interfaces are regarded as a good thing in interface design, since it allows users to reuse their knowledge in different interfaces. This seems very true in desktop ...
3
votes
2answers
247 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
236 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
190 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
154 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
250 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
126 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
474 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
270 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
3answers
485 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
421 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
303 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
148 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
223 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
486 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
221 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
293 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
916 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
207 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
52 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
2answers
476 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
136 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
190 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
338 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
248 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
127 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
250 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
363 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
2answers
984 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
1answer
129 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 ...
3
votes
1answer
169 views

What's the most effective means of annotating scientific web pages?

I was wondering what evidence there is on the most effective means of presenting annotations to scholarly (or quasi-scholarly) work on the web. I'm planning to put some articles onto the web, each ...
3
votes
5answers
852 views

How to ensure a user knows a box is clickable/hoverable

I have a calendar interface that indexes a bunch of gym classes for a user to pick among. These classes are represented as small boxes on the calendar, in a similar manner to how hipmunk.com does ...
3
votes
3answers
512 views

A Create/Edit Dialog with a Save/Cancel button makes sense but a Delete Dialog not

I am struggling with the design of my web application. I am showing a dialog for my Create/Edit item views: Thats fine so far for the Edit/Create view. But how should the dialog look when the ...
3
votes
1answer
226 views

Is it necessary to specifically instruct users to use the Back button to navigate away from a webpage?

I find it annoying when users are explicitly instructed to use the Back button to navigate away from a webpage. An example from the login page for the Contensive CMS follows (emphasis added): The ...
3
votes
1answer
407 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
1answer
984 views

Where should I put a sub-menu on the screen?

This might seem like an odd question, but where should I put a sub-menu on the screen, assuming the main menu is horizontal - similar to the Questions/Tags/Users/Badges menu on this site. The ...
3
votes
1answer
503 views

Ideal login / password / signup page for editing account

I am trying to design a simple login and password signin dialog box that pops in on the same page. I don't want the user to navigate AWAY from the page to login. I am looking for examples of sites ...
3
votes
2answers
286 views

What's the appropriate way using desktop like notifications in a webapp (chrome notification feature)

I'm planning to use Chrome's notifications feature. I want to show important informations on the notifications. My "users" are highly qualified technical persons, so i think it's good idea. But not so ...
3
votes
1answer
169 views

Which people do I choose for large scale A/B testing?

What are the best practices for deciding which users to admit to a large scale A/B test on a website? Below are two of my concerns on this choosing process. Veteran users' aversion to change Humans ...
3
votes
3answers
1k views

What are innovative, new ways to design Master/Child relationships on a page?

I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
3
votes
1answer
201 views

How best to display a point of interest extra information?

I need to show points of interest on a map, and extra information when the user clicks the marker. For the extra information, I am thinking of either a popup on the map, or showing the information ...
3
votes
2answers
222 views

Improving a flat table view

I've been asked to improve a table view from where the main purpose is to show details about a business agreements. First at all, I was given this view: So, I started to do some research on UX ...