A recent report from eMarketer provides stats and info chronicling the divergent behavior of consumers on different types of mobile devices.
“Bottom line: Mobile is fragmenting into multiple screens, some of which play on mobility, and some of which are used more at home. These connected devices may share features and functionality and even reflect some shared usage patterns among owners. “
While the ideal solve to this dilemma is to provide highly differentiated functionality and experiences to accommodate a variety of use cases, needs and behaviors, this often proves to be logistically unrealistic.
A good starting point is to design and develop websites, using responsive design with three distinct breakpoints: desktop, tablet and phone.
Recommended layouts/breakpoints to use as a starting point are as follows:
|Breakpoint||Min Width||Max Width||Implementation|
|Desktop||980 px||–||Columns get Fixed|
|Tablet||~600 px||979 px||Fluid Columns|
|Phone||320 px||~600 px||Fluid Columns|
Use-case specific apps (ideally coded as universal binaries – providing unique experiences for mobile and tablet users) can round out a brand’s mobile consumer engagement strategy.recommend this