1. P r o je c t 4 : C o llin s
C a t e r in g , P r e s e n t a t io n
o n M o b i l e /T a b l e t D e s i g n
P r e s e n t e d B y : J o s u e P o r t illo
2. M o b i l e / Ta b l e t u s a g e
327.6 million active wireless customer
connections in the U.S.
3. M o b ile a n d t a b le t u s a g e
im p a c t o n w e b -d e s ig n
1. Content Prioritization
2. Vertical Instead of Horizontal
3. Bars, Tabs, and Hypertext
4. Text and Graphics
5. Contextual and Global Navigation
6. Footer
4. C u r r e n t t e c h n o lo g y f o r m a k in g
w e b s it e s a c c e s s ib le o n a ll
d e v ic e s
1. W3C
2. HTML
3. XHTML
5. W o r s t m o b ile w e b s it e
Links sites aren’t readable on smartphone.
Unreadable usability survey
6. W o r s t m o b ile w e b s it e
Mobile site is nearly stripped of it’s
features in order for it be usable.
Plain text description of vehicle.
Ability to checkout offer and local
inventory. That’s it.
7. B e s t m o b ile w e b s it e
“One Stop shop” interface
Google Voice
8. b e s t m o b ile w e b s it e
One Stop Shop
Quick access to Flickr and Yahoo
Nice interface with customizable
“Favorites” menu
9. C o llin s C a t e r in g
Showcase menus
Take orders
settle the bill
10. C o llin s C a t e r in g
Create, view and edit Microsoft Word, Excel and
PowerPoint document on mobile device.
Fill in forms, sign and return documents.
Put QR Codes on items to give your customers more
information.
Load catalogs or images of product models on your
device.
Track inventory
Deliver sales brochures and customer information.
Give presentations on an iPad.
11. R e fe re nc e s
h ttp ://se arch e ng ine w atch .co m /article /2 1 2 0678/M o b ile -G ro w th -S tats-M o b ile -W e b -T
h ttp ://six re visio ns.co m /w e b -d e ve lo p m e nt/m o b ile -w e b -d e sig n-b e st-p ractice s/
h ttp ://w w w .im e d iaco nne ctio n.co m /article _ fu ll.asp x ?id = 31 2 32
h ttp ://d anath e te ach e r.h u b p ag e s.co m /h u b /Th e -Be st-M o b ile -W e b site s-N o -S m artp h o ne
h ttp ://csm re s.co .u k/cs.p u b lic.up d /article -im ag e s/m o b ile -d e vice s.jp g
h ttp ://w w w .no te b o o kch e ck.ne t/u p lo ad s/tx _ jp p ag e te ase r/tab le ts-and -
sm artp h o ne s_ 01 .jp g
h ttp ://m aiso nb isso n.co m /b lo g /p o st/1 42 1 6/th e -ip ad -se rve s-a-ne w -d e m o g rap h ic/
h ttp ://aq u e stio no ffre q u e ncy.co m /b itly_ im g s/m o b ile _ d e vice s_ lrg .jp g