background preloader

How Do Users Really Hold Mobile Devices?

How Do Users Really Hold Mobile Devices?
For years, I’ve been referring to my own research and observations on mobile device use, which indicate that people grasp their mobile phones in many ways—not always one handed. But some of my data was getting very old, so included a lot of information about hardware input methods using keyboard- and keypad-driven devices that accommodate the limited reach of fingers or thumbs. These old mobile phones differ greatly from the touchscreen devices that many are now using. Modern Mobile Phones Are Different Everything changes with touchscreens. On today’s smartphones, almost the entire front surface is a screen. So, I’ve carried out a fresh study of the way people naturally hold and interact with their mobile devices. What My Data Does Not Tell You Before I get too far, I want to emphasize what the data from this study is not. Most important, there is no count of the total number of people that we encountered. What We Do Know To see the complete data set: one handed—49%cradled—36%two handed—15%

Related:  air_martyluschizUX Design

Designing For Device Orientation: From Portrait To Landscape - Smashing Magazine Advertisement The accelerometer embedded in our smart devices is typically used to align the screen depending on the orientation of the device, i.e. when switching between portrait and landscape modes. This capability provides great opportunities to create better user experiences because it offers an additional layout with a simple turn of a device, and without pressing any buttons. Responsive Navigation: Optimizing for Touch Across Devices As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes? In these demos, Jason Weaver and I decided to find out.

How to Build an Experience Map and Identify New Opportunities - Marvel Blog An experience map shows the journey a customer has while experiencing a product or service. It also shows what competitors and your business are doing relative to this journey. Mapping the experience from a customer perspective helps organisations identify strategic opportunities, customer pain-points and generate innovative projects. Why build an experience map? An Experience map helps the organisation to see the bigger picture, and make decisions about where to focus activity based on research. Freebie iPhone 5 PSD iOS 6 Mockup Collection Our iPhone 5 Cover Actions are a faithful recreation of Apple’s newest Retina display iPhone. These Action will render your 2D artwork, UI/UX workflow designs or wireframes onto a hi-resolution 300DPI glossy 3D product shot that you can freely place into your website, office presentation or marketing campaign. Each Action is approximately 300KB in size, but don’t let this small digital footprint fool you. Each Action in this set will give you a fully layered PSD file @ 300DPI and a resolution of 1150×1860. Allow us to render your mobile app and impress your clients, we have all the popular angles for the new iPhone 5 so we guarantee that your product will look consistent across all angles and positions.

Touch Target Sizes People interact with touch-based user interfaces with their fingers. So user interface controls have to be big enough to capture fingertip actions without frustrating users with erroneous actions and tiny targets. Ok, so how big? In the iPhone Human Interface Guidelines, Apple recommends a minimum target size of 44 pixels wide 44 pixels tall. Since physical pixel size can vary by screen density, Apple's pixel specifications apply best to the iPhone's 320 by 480 pixel, 3.5 inch display (164ppi). Since the release of the iPhone 4's Retina Display (326ppi) Apple has updated these specs to points instead of pixels.

Visual design and colour accessibility - Webcredible blog Making sure that text colours in your digital interface are accessible for your users is a really important aspect of a well executed visual design. If you’ve ever been asked “I assume all the colours are accessible?” by your client and were unsure of what to answer, then this post is for you. The tips below will help you to comply with the W3C guidelines for text and colour so that you’ll always be able to make a confident response of “Of course!”. Visual design plays a large role in communicating the business’ proposition and personality. Our 50 Favorite Web Development Resources from 2012 Let’s keep it simple: last year, we did a roundup of 50 of the most useful web development resources. Today, we bring to you the 2012 edition, but only better. And what can you expect to find in this years roundup? Pretty much everything a developer could ever need: CSS frameworks & tools, HTML5 resources, JavaScript frameworks & tools, web editors, mock-up tools, application frameworks, responsive layout tools and resources… and on and on. This post does not include any jQuery resources as we published its own round-up last week, you can check it out here Top 50 Useful jQuery Plugins from 2011.

Creating a Scalable SVG Infographic In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as graphical format. I’m also using CSS3 animation techniques to animate most elements. The subject of the infographic is “Population growth on this planet”. Preview the finished, animated infographic here: The scalable infographic is divided into 11 parts, from the title to the footer at the bottom. The first 3 sections are animations illustrating the subject of the infographic while the other 6 parts are the graphical representation of the 6 continents with an animated donut graph showing the growth percentage by the year 2050.

How to design for thumbs in the Era of Huge Screens - Scott Hurff After years of resistance, Apple’s iPhone 6 announcement last week officially signaled the Dawn of the Era of Huge Screens. And it’s going to crash into existence in a big way. Just this Monday, Apple announced that they’d sold over four million pre-orders for the phones the opening night of pre-orders. In only one night, they sold almost half of what they sold the entire opening weekend last year for iPhone 5s and 5c. So it’s looking like the 3.5” and 4” screens of yore will start their inevitable decline very quickly.

UX Crash Course: 31 Fundamentals Basic UX Principles: How to get started The following list isn’t everything you can learn in UX. It’s a quick overview, so you can go from zero-to-hero as quickly as possible. You will get a practical taste of all the big parts of UX, and a sense of where you need to learn more. The order of the lessons follows a real-life UX process (more or less) so you can apply these ideas as-you-go.