“Mobile is not the future, it is the now. Meet your customers in the environment of their choice, not where it is convenient for you.”
— Cyndie Shaffstall
What does the term ‘Mobile’ mean in 2019?
developers.google.com/web/fundamentals/design-and-ux/principles/
Let’s take a look at a website’s level of ‘thumb friendliness’ on a mobile device…
PROJECT GROUP
One-Page Touch Interaction Design Checklist
Assess the touch interaction of your chosen open source/SFU community project mockups or prototype
http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets/
Use of Flexbox, Grid, and Box alignment for much more fine-grained control of placement
See the Pen Rate of change of size by Chen Hui Jing (@huijing) on CodePen.
PROJECT GROUP
Review your chosen open source/SFU community project and start to create a content inventory to estimate considered priority per placement
Content
Type
Size
Location
Indicated Priority
Two Column Grid
<div class="row">
<div class="span9">...</div>
<div class="span3">...</div>
</div>
Information Alert Box
<div class="alert alert-info"> ... </div>
http://uselog.blogspot.com/2005/10/user-centered-design-immerse-yourself.html
http://www.tune.com/blog/mobile-tipping-point-16-predictions-for-2016/
http://www.business2community.com/mobile-apps/dont-underestimate-importance-mobile-marketing-01422609#5ODb5qx2LhZqwjwD.97
https://www.stonetemple.com/mobile-vs-desktop-usage-study/
https://medium.com/swlh/browsers-not-apps-are-the-future-of-mobile-c552752ff75
https://twitter.com/derekakessler/status/322342508912852992
https://wearesocial.com/blog/2018/01/global-digital-report-2018
http://communities-dominate.blogs.com/
https://www.asus.com/sa-en/Laptops/asus_vivobook_s551lb/
https://abookapart.com/products/mobile-first
http://bradfrost.com/blog/web/responsive-web-design-missing-the-point/
https://appsamurai.com/mobile-web-vs-mobile-in-app-advertising-which-is-better/
https://digitalstyle.com/blog/design/responsive-web-design-company/
https://www.thinkwithgoogle.com/advertising-channels/mobile/the-new-multi-screen-world-study/
http://bgr.com/2013/06/17/samsung-galaxy-devices-chart/
https://www.gizmodo.com.au/2014/09/how-to-design-for-thumbs-in-the-era-of-huge-screens/
http://www.businessinsider.com/apple-iphone-x-reachability-2017-9
https://www.microsoft.com/en-ca/store/d/surface-pro/8nkt9wttrbjk/H3CS?ocid=AID695933_SEM_WbsABAAAAH4PT3wI%3a20180506144858%3as&activetab=pivot%3aoverviewtab
https://www.flickr.com/photos/maestroben/390454110/
https://bigmedium.com/ideas/desktop-touch-design.html
https://www.paulolyslager.com/responsive-design-hype-solution/
https://viljamis.com/2012/responsive-workflow/
https://justcreative.com/2018/06/26/intrinsic-web-design/