Tag Info

Hot answers tagged

18

Had to deal w/a similar issue last year. Our task, which we couldn't change, was to convert an 11-section, 120-question "learning style" survey PDF into an interactive quiz. The original PDF is a daunting 10-pg list of questions & checkboxes, much like your example, which no student really wants to complete. Our solution was to break it up by ...


11

Paddi MacDonnell wrote an interesting article on the hamburger menu and related mobile-first approaches to design a few days ago: It outlines some of the problems of hamburger menus, and concludes with the observation that the device is something of a way to brush the navigation of a complex app under the carpet of the hamburger icon (my carpet analogy, not ...


8

In my personal opinion, it is not a good idea to populate the whole big screen with more content as it would strain the user's eyes and neck having to see from one corner of the screen to the other. So, its crucial to kind of limit the focus of user to a certain area of the screen. Of course, to populate the empty space of the screen, you could employ ...


8

I think the length is the problem. A survey with 150 questions is simply not going to be user-friendly, no matter how you dress it up. You are asking far too much of your users. Also, a survey of this length is almost never necessary, nor is it even likely to be beneficial. Are there really 150 unique items you need to capture? Probably not. Most ...


7

Well you can easily do it in Mozilla Firefox. Try pressing ctr + shift + m Then you can choose from varieties of resolutions, also for your custom resolutions. You can drag the sides to increase and decrease the resolutions. Some links here on keyboard shortcuts and responsive design view Keyboard shortcuts on Mozilla Responsive Design View on ...


7

Every example you gave would work. One might work better within your design than the other. Your users won't really care about the way the search input pops up. The best search fields are bug free are easy in use give relevant results help users find what they are looking for (auto fill or alternatives) So I would focus more on functionality and less on ...


7

Shorter survey will equal more completions. Since shortening the length is out of your influence, the following considerations will make it more likely to be completed. they are predicated on BJ Fogg's Behavior model. The formula is B= MAT. Behavior is a result of Motivation,ability and the trigger. Present the trigger to people in the right state of ...


6

If you are going to be building a responsive site then the chances are that you are going to use Twitter Bootstrap or some other framework for the job. Therefore, you can block out all of your prototypes in static HTML with Bootstrap CSS/JS in the . You can even hook up the buttons if you want to do a walk through, the buttons loading up the next static ...


6

We always need a negative space around our content and that negative space helps our mind comprehend which sections of content are connected and which are separated. There is another concern and that is related to perception of content. if there was no border around the content, how would you know if the words which are now touching the edge of the ...


5

First of all, since it's your site, don't guess; know! It's very simple. If you haven't already, add Google Analytics to your site. From there, you can actually see what Mobile Device, Browser, OS, Screen Resolution, etc. that your visitors use. Lastly, after you have what you consider enough data, make your decision on what resolutions you want to ...


5

That is the "hamburger menu" and it appears that it has a history dating back as far as the 1980s. According to the article it was designed my Norm Cox, designer behind the Xerox "Star" interface. In his own words: I designed that symbol many years ago as a "container" for contextual menu choices. It would be somewhat equivalent to the context menu we ...


5

Let me provide you with insight of Multichannel as its just an antonym to the Cross-Channel term. Multi-channel is a way of delivering services that allows users / customers to interact with the system through a number of different channels and enables successful completion of tasks through any number of these in complete and discrete fashion. The typical ...


5

Content First One of the biggest things to consider is what can stay and what can be removed or adjusted, at each breakpoint. Smashing Magazine was the first to take the approach of leaving behind (fully hiding) some ads when it doesn't fit into the breakpoint. With the mobile first strategy, Content is King. Most ads are sold on a Cost-Per-Click or ...


5

Some options to consider: Offer up a 'sneak preview'. Let people see the new version long before it's forced upon them. Listen to feedback as much as you can. Amazon does this prior to their redesigns. Launch the new version but don't force it upon them immediately. Let people opt in/out of the new design for a period of time. Google's web apps often do ...


5

You have a few options. I like the responsive "where am i?" breadcrumbs as demonstrated here. This option has the full breadcrumb trail in large windows and shrinks to only show custom text (such as "Where am I?") in narrow windows and on mobile devices. Example: Full screen: Home > Section 1 > Section Title That is Longer Becomes: Where Am I? ...


4

Is this a good practice?, NO! As you said in "older website", web design in general has changed over the years and designers are now focusing on usability and accessibility. Those extra spaces makes your content more readable. Take a look at this: Useful Usability Findings and Guidelines


4

A little late to the party but I'm developing a project with a designer who is absolutely in love with modals. For mobile devices in 2014, modals are still a poor UX choice because of positioning and scrolling issues. They are most often JavaScript driven, which means if accessibility is important to your project then there will be a cross section of site ...


4

Radio buttons are perfect for asking a question with 1 and only 1 answer. I can assure you, however, that with each radio button click the user will hate you exponentially more and more so anything you can do to reduce clicks is the way to go. Ways to reduce user clicks... If you can reduce the number of options from 5 to 3 that will help. For example: ...


3

As there is no on-hover trigger (no on mouse over action), you have three options: selecting an element on the list, then using a button above/beside the list to perform an action on this element (but it's not what you want to achieve, I believe), not displaying anything by default (hiding completely the buttons triggering actions) and displaying them only ...


3

There are practical limits on either end of the spectrum IRT max and min screen dimensions. What those are may vary from project to project. However, on the low end, 320px is pretty much common these days (mainly due to iPhone and Android devices in portrait mode). There are always exceptions, however, and if your audience fits into one of those ...


3

You're curious about why we don't use the word 'Menu' instead of this drawer icon (hamburger for aficionados) and you're right. This icon is becoming more and more used, but I don't think it is a standard yet (even if less and less confidential). I found this link A/B Testing hamburger vs. other icons that will provide you more insights about your ...


3

When referring to responsive web projects, I assume that it is in reference to designing for different channels of access for the user. This could be in terms of the device and viewport that the designer needs to cater for. When referring to cross-channel web projects, I take this to mean either one of two things: Projects that involve adaptive or ...


3

I believe you've already answered, partly, your own question. Looking into web analytics we can see patterns of actions that stick together and which features are used the most. That said it's important to ensure that options that may not be as popular can still be serviced to users who may require them. Taking an existing web application and ...


3

Considering the first part of the question, Mobile First Approach is not a constraint. It's an opportunity for designers to determine the MOST CRITICAL use case of a product. As we get only a limited real-estate to work on, we need to prioritise the use cases. Second, you need to convince your client that It's not users who have to conform to their ...


3

You can use a numeric stepper. The user may enter the value with the keyboard, or use the up/down arrows. The default value should be empty (no distance filter). EDIT : See comment by @FodderZone download bmml source – Wireframes created with Balsamiq Mockups


3

I think you may have a misconception of who mobile zoom works with media queries, correct me if I am wrong. To indicate that a site is mobile friendly and responsive, there is usually a tag something like this included in the <head> of the html: <meta name="viewport" content="width=device-width, initial-scale=1"> This essentially says that the ...


3

You're on the right track and you're close to solving the problem - you need to make the users WANT to continue answering questions. What incentives do you have for your users? Money / Discounts to goods and services? Rewards, such as participating in a community? The gamification aspect has to come first. Organizing the questions into convenient bite size ...


3

The key thing is to retain 100% of the sites meaning while reducing the size of the screen. The device used to browse your site should not dictate the contained meaning. For text this means that it isn't ever removed. Even if it is hidden (think of a menu put into a hamburger for example) it should still exist in an accessible way in the HTML, either for a ...


2

The whole point of responsive design is that you don't start to design from the width of your page. The idea of responsive design is that you start design from the components up. Think about what content you want to display, and then design a scaling system. Something that expands and shrinks along with the width of the screen. Responsive sites do not ...


2

The size of your website should be relative to your content needs and the user's viewport. Sometimes that means limiting the size of website to XX pixels. Sometimes that means a 100% width. A big issue is line length. Copy lines should be 45-75 characters long, with 66-characters regarded as the ideal. If you cap you lines to that size, yet have a base ...



Only top voted, non community-wiki answers of a minimum length are eligible