Tablet Interface Design Considerations
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Tablet Interface Design Considerations

on

  • 1,312 views

Thoughts on design considerations for ecommerce sites on tablet devices from BTFresca, the UK's leading ecommerce SaaS platform. http://www.btexpedite.com/ecommerce

Thoughts on design considerations for ecommerce sites on tablet devices from BTFresca, the UK's leading ecommerce SaaS platform. http://www.btexpedite.com/ecommerce

Statistics

Views

Total Views
1,312
Views on SlideShare
1,310
Embed Views
2

Actions

Likes
0
Downloads
19
Comments
0

1 Embed 2

http://www.linkedin.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tablet Interface Design Considerations Presentation Transcript

  • 1. Here are some facts:John Lewis quote from Paul Coby20% of John Lewis web sales now from iPadAssumption 40% of sales will be from online by 202030% browse in store to later purchase online; 63% research online beforebuying in store16% use mobile for research before shopping33% use store locator on mobile10% of orders are now click & collect; this has recently doubled due toWaitrose coming on line as delivery locations
  • 2. …predicted that by 2014, one in threeinternet users will be using a tablet device-source: eMarketeer.com November 2011
  • 3. …predicted that by 2014, one in threeinternet users will be using a tablet device-source: eMarketeer.com November 2011
  • 4. So should I create a brand new site just for tablets, use themobile version of my site or modify my current site to workon tablets?
  • 5. 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
  • 6. QUOTEFor me I find most sites don’t look great on the iPad as I eitherget a mobile site, which looks pants on such a big screen, or I getthe desktop site and have to zoom in to read something properlyor touch anything.It’d be awesome if we had a layout totally geared towards theiPad, somewhere in between mobile and desktop sites.
  • 7. Case studyNike created a new site specifically Apple updated their website tofor the ipad. ‘fit’ on an ipad
  • 8. In either case, you must bear in mind lots of design thingsIn either case, you must bear in mind that there are manydesign challenges
  • 9. If web design is Lego, iPad design must be Duplo
– Oliver Reichenstein
  • 10. 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
  • 11. Create a dead simple information architectureand an elaborate an interaction design patternwith a minimal number of actions- Minimize input, maximize output- don’t make me swipe and touch too often
  • 12. Design with the finger in mindMake sure navigation buttons are large enoughand sufficiently spaced for an adult finger to tap.44 x 44 px is guide for finger pressThis will look great with a 44 x 44 box. Maybeshow a standard small web button to make itclear?
  • 13. TypographyNot too small (have to zoom to read), not too big (leads totoo much scrolling). The answer is text that’s “just right” asGoldilocks might put it. This doesn’t just mean finding theperfect font-size though; It means finding the perfectcombination of font-face, size, line-height, and line length.
  • 14. Make it work seamlessly in landscape andportrait mode
  • 15. Testing timesIs 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 interfacecapabilities — 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?
  • 16. to maximize ecommerce revenues from tablets you shouldaim to deliver fast, quality, optimized web experiences to thisgrowing sector.
  • 17. to maximize ecommerce revenues from tablets you shouldaim to deliver fast, quality, optimized web experiences to thisgrowing sector.
  • 18. The iPad brings hands and eyes back together.There is more to say, but for a first impressionthat’s probably enough.ENDAlternative text (if you like it):Tablets are making digital interaction moreintuitive and put simply, easier.Existing markets are shifting to tablet use andnew markets are opening up. Let’s be in theright place to serve them.
  • 19. The iPad brings hands and eyes back together.There is more to say, but for a first impressionthat’s probably enough.ENDAlternative text (if you like it):Tablets are making digital interaction moreintuitive and put simply, easier.Existing markets are shifting to tablet use andnew markets are opening up. Let’s be in theright place to serve them.
  • 20. The iPad brings hands and eyes back together.There is more to say, but for a first impressionthat’s probably enough.ENDAlternative text (if you like it):Tablets are making digital interaction moreintuitive and put simply, easier.Existing markets are shifting to tablet use andnew markets are opening up. Let’s be in theright place to serve them. http://www.btexpedite.com/ecommerce