Thoughts on design considerations for ecommerce sites on tablet devices from BTFresca, the UK's leading ecommerce SaaS platform. http://www.btexpedite.com/ecommerce
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Tablet Interface Design Considerations
1.
2. Here are some facts:
John Lewis quote from Paul Coby
20% of John Lewis web sales now from iPad
Assumption 40% of sales will be from 'online' by 2020
30% browse in store to later purchase online; 63% research online before
buying in store
16% use mobile for research before shopping
33% use store locator on mobile
10% of orders are now click & collect; this has recently doubled due to
Waitrose coming on line as delivery locations
3. …predicted that by 2014, one in three
internet users will be using a tablet device
-source: eMarketeer.com November 2011
4. …predicted that by 2014, one in three
internet users will be using a tablet device
-source: eMarketeer.com November 2011
5. So should I create a brand new site just for tablets, use the
mobile version of my site or modify my current site to work
on tablets?
6. Who bloody knows! – I think we should suggest that we
know or at least have some ideas! ;^) How about ‘You have
options and one will be the right move, right now.’
Ask what your objectives are and this will help you
- The tablet is not an overgrown smart phone
- Nor is it a pc or laptop
- Mouse ≠ Finger
7. QUOTE
For me I find most sites don’t look great on the iPad as I either
get a mobile site, which looks pants on such a big screen, or I get
the desktop site and have to zoom in to read something properly
or touch anything.
It’d be awesome if we had a layout totally geared towards the
iPad, somewhere in between mobile and desktop sites.
8. Case study
Nike created a new site specifically Apple updated their website to
for the ipad. ‘fit’ on an ipad
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19. In either case, you must bear in mind lots of design things
In either case, you must bear in mind that there are many
design challenges
20. If web design is Lego, iPad design must be Duplo
– Oliver Reichenstein
21. Who bloody knows!
Ask what your objectives are and this will help you
- The tablet is not an overgrown smart phone
- Nor is it a pc or laptop
- Mouse ≠ Finger
22. Create a dead simple information architecture
and an elaborate an interaction design pattern
with a minimal number of actions
- Minimize input, maximize output
- don’t make me swipe and touch too often
23. Design with the finger in mind
Make sure navigation buttons are large enough
and sufficiently spaced for an adult finger to tap.
44 x 44 px is guide for finger press
This will look great with a 44 x 44 box. Maybe
show a standard small web button to make it
clear?
24.
25. Typography
Not too small (have to zoom to read), not too big (leads to
too much scrolling). The answer is text that’s “just right” as
Goldilocks might put it. This doesn’t just mean finding the
perfect font-size though; It means finding the perfect
combination of font-face, size, line-height, and line length.
26. Make it work seamlessly in landscape and
portrait mode
27. Testing times
Is it easy to use? How disruptive is the purchasing experience?
Is there a consistent brand experience across platforms?
vvFor example,
Is there specialized content that takes advantage of tablet/smartphone interface
capabilities — swipe, »»tap, etc.?
Is the design simple and easy-to-use?»»
Is content appropriately sized and formatted for the device screen?»
Are fonts readable?»»
Is the site cluttered?»»
Are there video or content outages?
Maybe split across two slides so the text can be nice and big?
28. to maximize ecommerce revenues from tablets you should
aim to deliver fast, quality, optimized web experiences to this
growing sector.
29. to maximize ecommerce revenues from tablets you should
aim to deliver fast, quality, optimized web experiences to this
growing sector.
30. The iPad brings hands and eyes back together.
There is more to say, but for a first impression
that’s probably enough.
END
Alternative text (if you like it):
Tablets are making digital interaction more
intuitive and put simply, easier.
Existing markets are shifting to tablet use and
new markets are opening up. Let’s be in the
right place to serve them.
31. The iPad brings hands and eyes back together.
There is more to say, but for a first impression
that’s probably enough.
END
Alternative text (if you like it):
Tablets are making digital interaction more
intuitive and put simply, easier.
Existing markets are shifting to tablet use and
new markets are opening up. Let’s be in the
right place to serve them.
32. The iPad brings hands and eyes back together.
There is more to say, but for a first impression
that’s probably enough.
END
Alternative text (if you like it):
Tablets are making digital interaction more
intuitive and put simply, easier.
Existing markets are shifting to tablet use and
new markets are opening up. Let’s be in the
right place to serve them.
http://www.btexpedite.com/ecommerce