Tag Info

Hot answers tagged

22

From the A/B Testing (based on the article posted by keiwes) we can infer the following: download bmml source – Wireframes created with Balsamiq Mockups There seems to be a correlation between correctly identifying the hamburguer icon functionality and the age of the users. Hence from the usability perspective, you need to question yourself ...


19

If you have a separate site for mobile and non-mobile then yes, most definitely yes, let them go to the full site to complete what they wish if it isn't offered on your mobile one. Mobile doesn't just mean 'people sat in a coffee shop for 2 minutes looking at their iPhone'. These days Mobile means 'anything that isn't a laptop/desktop' (and even that line ...


18

Personally I'm a supporter of sites with a mix of the two. Fonts should keep the same size both in landscape and portrait. It should merely be distributed differently depending on the current screen width. As you've also showed in the mockup for A. I feel that also scaling the text is like surrendering to a notion that "-ok, we know the text is very ...


18

My company caters towards an older population, so we included text along with the hamburger icon. Here is an article that had similar results with the older population: http://mobile.smashingmagazine.com/2013/09/11/responsive-navigation-on-complex-websites/ Google defines a convention as "a way in which something is usually done, esp. within a particular ...


16

If you're on mobile and you feel you need traditional style breadcrumbs to navigate then something probably went wrong with designing your site for mobile use - ie it's too complex (too deeply nested) for the type of usage and environment that mobile provides. Jared Spool wrote on ixda in response to a similar question Can't speak specifically to ...


16

Mobile websites should not be mobile versions of desktop websites - they should be a service or product for mobile usage. That means that yes, if certain content isn't relevant 'on the road', or if its inclusion makes it harder to provide an interface that works better in a mobile context, you should consider chopping it. And remember, if needs be, you can ...


16

This is delicate, and should be a sound judgment by the designer. There is no right or wrong, neither is there a convention (yet) to rely on. But there are a few things to consider, like zooming in just widening the page, which I feel is useless. If I want to zoom I can snap-in on the text getting it in a more readable form (both in Landscape and Portrait ...


13

Though the left and right icons would give information that you can continue scrolling, another option is use a layout where only part of the images are visible and the user will have to scroll to the right to see them as given below: Another approach which I am not a fan of would be to use a horizontal scrollbar at the bottom which informs the user that ...


12

No, targeting WebKit is not enough. The first thing to do is to consider there are two segments of the mobile market: touch-based and not touch-based. This affects how you design your mobile user experience. Thankfully, the touch-based ones are going to trend significantly toward WebKit (Android, iPhone and WebOS). The others are primarily going to be IE ...


12

You are trying to imitate adding and removing weights to a bar. On a touch device, you can do precisely that. Just drag them on and off the bar: You can enhance this in many ways, but I think that as the main concept, it doesn't get simpler than this. UPDATE following OP update 1 - Not much that can be done about that... If it's a web app, it needs a ...


12

There is no most important factor in mobile applications, as each application has to make different tradeoffs in order do develop the best UX. It is however one of the more critical factors as it directly impacts almost every application. Other factors that may be more important are: aesthetics; correctness; simplicity; and similarity to known patterns.


11

There are different approaches to device oriented design, and you can implement one of several design patterns to choose from. The first one that comes to mind is the fluid design, which (simply put) just reorganize the elements to a better view. Some, less important elements, are hidden as the screen width gets narrower and vice versa. Next is the ...


11

Mobile first means that you start your design process off by designing for mobile. Once you have that done, you can easily modify the design for pc. The main reasoning behind this is that if you voluntarily constrain yourself to mobile, you will be forced to make decisions about what is really important, and what you need to focus on. By doing that, you ...


10

Off hand, Option 1 sounds better for the reason you give –it’s easier and less error-prone to tap to advance to the next question than to swipe/scroll. The general rule is to use scrolling to avoid arbitrarily breaking up content. In your case, if you can only fit one whole question on the screen at a time, then you’re not being arbitrary. You may find some ...


10

Gracefully degrade your subnavigation or drop it by reiterating its contents on the index pages. It's true. Just look at the evidence below. Two great examples of responsive web design are Smashing Magazine and The Boston Globe. Ethan Marcotte himself was involved in the Boston Globe redesign. Smashing Magazine: Drop the Subnav Note in these screenshots ...


9

I think the decision between a single responsive site vs. multiple sites targeting different devices comes down to whether or not you are following LukeW's Mantra of 'design for mobile first'. If you're designing for mobile first, then it's almost trivial to reconfigure the layout/flow to also accommodate desktop use. There are many other advantage as ...


9

Three big issues when you're considering how to deal with content on mobile devices, especially if you're trying to figure out how to re-prioritize content for different screen sizes or device capabilities. I've been calling this adaptive content, as a partner to adaptive design or responsive design. How is the content written? Truncation might work... if ...


9

I've come across the same question a while ago and my company relayed on my opinion to solve the same problem, but I wasn't able to find hard data to use as a starting point. However, I found a paper by Raluca Budiu and Jakob Nielsen from the University of Cincinnati (http://uc.edu) about Usability of Mobile Websites. The page 79 mentions very briefly a ...


9

Let me add a late answer: after the content has loaded, do not let rotations trigger breakpoints. If the user rotates the device accidentally, their most immediate task is to reorient themselves and re-find the content they were viewing or reading at the time of rotation. But a breakpoint trigger, the user is suddenly presented with an interface they don't ...


9

I've done some quick analysis of existing applications to see what they do in such a situation. Facebook - Red message saying 'no internet connection' Vine - Greyscale sad smiley saying 'couldn't load posts' Safari - Greyscale icon saying 'cannot open the page because your iPhone is not connected to the Internet Flipboard - Empty (Grey) containers with 'No ...


9

Something you could apply is a slide control, similar to that of answering a call or locking up the screen. If you use the entire width of the screen for the control the amount of unintentional votes could be kept to a minimum, and the action is performed in one operation/gesture. download bmml source – Wireframes created with Balsamiq Mockups


9

Jakob Nielson and a large group of other studies suggest scrolling is not a con. Users are acclimated. Put it into context. If you're sitting at a desk, the monitor is roughly 28 inches away vs. a mobile device that is 12 inches. Should it be larger if it's closer? Four years ago, Smashing Mag found the most popular body font size on the web was 13px. ...


9

We need to quit thinking "mobile friendly" and start thinking "device independent". Even mobile devices have resolutions and physical sizes once only found on desktop computers and some cannot be detected as mobile or not. You cannot point to any one width based on resolution where you can be sure it will fit most devices and, even then, that may all change ...


8

I would say that it depends on the site. You could categorise mobile websites into two categories: A bespoke mobile website / app that is a stripped-down version of the full site only offering the most appropriate content for mobile users A responsive website, or a desktop site rendered in a separate mobile 'template'. With the first type of site then ...


7

It would take more than hover states for UX designers to be able to treat mobile devices like desktop ones (and failing to celebrate their differences could be considered a mistake). To understand why, we have to define the terms and then consider the differences. Defining the terms What do we mean by 'Web' interaction and what might we mean by 'mobile' ...


7

No site is "100% perfect". Be realistic: sites iterate over time where you release, receive feedback, develop, release, etc. There is always room for improvement. That aside, you ask how to know when to release - when is good enough really good enough? User testing will be critical here (this is vastly different from getting your UX colleagues to offer ...


7

To step through and come to an answer, look at what the two interaction options get you. The article is the same length regardless, so really this is about scrolling vs pagination (or similar) To take out some factors, lets assume you do pagination in a way that doesn't add to load time, its all pre-loaded and your just swapping content. Lets also look at ...


7

I'm gonna have to say my answer is a big "no" to this. Check out the images at the top of this post showing a bunch of browser chrome/ device images: http://24ways.org/2011/raising-the-bar-on-mobile Notice anything? They ALL have a back button - either hardware or software. Back on the web is a familiar action on the web - users know how to do it and expect ...


7

Filters are the obvious answer, which those apps appear to be doing with "Film, Interactive and Music". My first thought on how to improve it would be to borrow the UI from my iPhone's contacts list, adapted for this instance. Basically, use a 24 hour list on the right that would quick jump you to event at any of the given times. download bmml ...


7

Based on your image above, I would suggest something similar to the mockup below. For a pure mobile (smartphone) I personally believe that you need to reduce the number of images that a user might have to download only to help save on their initial bandwidth. For Tablet user I restored some of the images because of the screen size, it really helps to give ...



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