Things to Consider when Designing or Buying a Tablet-Style Device

Posted on 20 January 2010, Last updated on 20 January 2010 by

I’m somewhat frustrated by all the Apple tablet talk. Number 1, nobody has a clue what’s going on and 2, there are so many design issues with ‘tablets’ that people need to be very careful about what they get excited about. I wrote these notes a few months ago but it makes sense to post them now so that you can make assessments about WHAT YOU NEED before any wave of marketing hits you. (*1)

In addition to the notes, I’ve added a couple of diagrams that I’ve previously used in posts and presentations and I also want to point out that this article is mainly focused on hardware. Software is a critical part of the equation.

Finally, I’m not saying that this is a set of rules. This is just my perception of what’s going on. I’m excited to hear what you think and ready to learn more from you comments.

Usage Scenarios

Firstly, here’s a diagram of internet-connected usage scenarios that lie between Laptops and Smartphones. There might be a few other niche categories like digital photo frames and video conferencing but the ‘ring’ below covers the primary sectors.

Usage by screen size.

Secondly, here’s a diagram that highlights functions that sit comfortably in certain screen sizes. There are 4 screen size ranges and I’ve positioned tasks in the smallest possible category. Example: Try doing advanced photo editing on a 5 inch screen!

segmentation
Click to enlarge.

Design/Usage Notes.

In no particular order, here’s a brain dump of design and usage considerations for tablet PCs.

  • One handed use: weight needs to be under 400gm for one-handed (finger-touch) use.
  • One-handed use: Width of device needs to rest comfortably in the hand in portrait mode (7 inch max)
  • Two-handed (only) operation not possible unless frame, corner or rear controls are implemented.
  • Current screen backlighting technology will add between 0.5W (for a 5 inch screen) to 2.5W (for a high-brightness 10 inch screen) Idle power drain tends to 200mw for well-designed screen-off, idle networking scenarios.
  • Minimum power envelope for an operating, connected device is about 2W (5 inch) or 3W (10 inch) (Only latest RISC CPU’s on best silicon processes can achieve this expensive.)
  • Max drain can reach +2W over operating power envelope.
  • Battery capacity required for a 5 inch smart device 10Wh. For a 10 inch device = 15WhTo achieve 4hrs always-on, dynamic and multitasking environment such as web and internet apps.
  • Battery weighs about 8gm per watt/hour (without control / feedback electronics add 50gm for that)
  • Min battery (removable) and power electronics weight for a 7 inch smart device = 100gm
  • Screen backlights are ALWAYS needed for low-light operation.
  • Backlight average in-use power ranges from 0.5w (3-5 inch screen) to 2W or more (10 inch screen)
  • Capacitive touchscreens can’t be used with gloves or basic stylus.
  • Capacitive screens can’t be used for natural handwriting input, annotations, graphic creation/painting.
  • Keyboards need to split/position correctly when in portrait and landscape modes.
  • Tethering keyboards / headphones / data modems via Bluetooth is a long-winded process and requires batteries in end devices.
  • Pixel density should be between 180 and 250 pixels per inch for standard web pages unless intelligent reflowing /zooming is used. An 800-wide webpage would require about 4-inch width (about 6 inch diameter screen in portrait mode.)
  • Resistive touchscreens are not rugged.
  • Book reading does not require two-pages per view.
  • Hard drives are not rugged, are noisy and generate heat and vibration. Not to be used in tablets.
  • An integrated folding stand needs to be incorporated for PMP functions.
  • Wifi/Bt/3G/FM/GPS antenna separation is needed.
  • Mouse pointers allow selection with minimal hand movement.
  • Removing buttons helps aesthetics and ruggedness, reduces shortcuts for two-handed operation.
  • Moving buttons to ‘on screen’ reduces physical feedback, reduces usable screen area.
  • Buttons need to be backlit for night=time use
  • Screen brightness needs to be extremely low for night-time use.
  • Indicator lights distract and annoy when reading.
  • Good quality speakers allow for multi-person viewing.
  • Wifi needs to remain connected at all times (standby disconnection results in awkward delays on start-up.)
  • Web pages need to load in a 10-second average time. (with text and scrolling being available in 50-75% of that time)
  • Access to 100% of the internet requires Adobe Flash support (and, to a lesser extent, Silverlight and other run-time apps.)
  • Text selection for web applications is critical. (cut and paste.)
  • Zooming a web-page must re-flow the text to avoid left-right panning.
  • Auto screen rotate from landscape to portrait must not reset previous text selections
  • Using 3G when moving in car / train can drastically increase power drain from 3G components. (3G can take up to 1.5W in these scenarios huge % of power drain.)
  • Docking stations help to keep a device charged and located.
  • Removable battery gives customer confidence about life-span of product.
  • Glossy screens can be filtered. Matt screens can not be made glossy with third party products.
  • Bigger screens are expected to be faster by the customer (and therefore highlight slow performance)
  • The concept of ‘idle’ is only for the lab.
  • Slider keyboards increase cost and size. decrease style.
  • Nothing over 4 inch screen is truly pocketable for most people.
  • Flash running on multiple tabs can easily take 100% of CPU on a ARM-based device.
  • A frameless device is impossible. 10mm frame is a tough design challenge.
  • For productivity users, a new operating system is a new learning curve.
  • Third party applications decrease stability and security.
  • Multi-tasking decreases battery life.
  • Fingerprint readers can drastically improve security while decreasing key presses.
  • A 7 inch screen device can be too big for a car dashboard.
  • Ebook readers are useless to the average consumer without commercial content being available through the device.
  • Cloud-based usage model is currently a home-zone possibility. (Not mobile) i.e. local storage and sync is still needed.
  • Larger designs permit higher pricing.
  • Larger designs need to deliver a faster experience (to satisfy user expectations.)
  • Notebook / clamshell designs are recognized as computers.
  • Sub 5 inch designs can be mistaken for smartphones.
  • New business models dictate that consumer tablets must be low-cost point of sale devices. (Marketplace for apps, content, accessories)
  • There are undiscovered usage scenarios.
  • There are huge numbers of new technologies and inventions that I don’t know about!

Example scenarios and solutions.

Ebook reading. 200 PPI screen with 300gm or less. Daylight (ambient light support) and backlight support needed. Content must be easy to access. Color screens important for education market (and advertising.)  See also this article.

PMP. 5 inch screen gives a comfortable 60-80cm experience. HD playback on small-screens is required because that’s what many users create and many websites deliver. You have no choice! 7 inch give HD (720p) experience and 1 meter. 5-7 inch screen in 300gm allows for only a 10-15wh battery. 5hrs online use. 7hrs video use.

Newspapers. Large screen format 9-12 inch format is impressive and permits newspaper layout ‘standards.’ Requires significantly more battery power. Advertisers want color and animated advertising. Difficult to design for one-handed use. 12 inch awkward for mobile situations. 9-12 inch also required for one-page per view A4/Letter sizing. (PDFs)

Web. Minimum resolution 800×480 although 1024×600 more comfortable and allows better portrait mode. 1024×600 at standard web (readable at 100% zoom) font sizes requires 7 inch screen. Multi-tab Flash enabled web pages can kill battery life and hog CPU if uncontrolled.

Mail, IM, social networking.Two handed thumb keyboard can only be built around max 5 inch (landscape)  or 7 inch (portrait) screen dimensions without separate keyboard. Requires always-on scenario. See also: Perfect Microblogging Device article.

An example multi-use tablet: 7 inch 300gm with 12wh battery, Cortex A8 CPU (high-end), 3D GPU, Video decoder hardware. (Intel Moorestown also a contender here.) Stand. Highly advanced on-screen keyboard with haptic feedback. 3mb HQ camera. 1.3mp LQ camera. Capacitive touchscreen. GPS, accelerometers, ambient light sensor, 3G, Wifi, docking port, 3.5mm headphone jack, array mic, stereo speakers.

The ideal tablet hardware is worth nothing without the correct software, services and content.

(*1) over the last 3.5  years I’ve learnt a lot about tablets and mobile computing devices including a lot about what doesn’t work for the masses through our pro-mobility-focused  sister website, UMPCPortal.

12 Comments For This Post

  1. Nicole Scooter says:

    Your mobile computing segments clearly define where there are opportunities to leverage ecosystem. That is where I think Apple with push development in the Tablet market. With out ecosystem how will people understand how to interact with content on a device with handwriting or virtual keyboard for input?

  2. Mike Cane says:

    Excellent post, Chippy. But note that basic video editing — trim — can already be done on an iPhone. And, don’t ask me to track it down, I did see some sort of actual video editing software FOR the iPhone (not just the built-in trim function).

    Thing is, you have sampled so many things that you tend to forget that all of that prior stuff is nothing that’s Apple-like.

    Anyway, everything will be revealed next week and all of us will finally see!

  3. Chippy says:

    My previous sample include iphone (all versions) and ipod touch. iPhone 3GS cam and basic video edit is indeed possible. SOmething I can change on the diagram.

  4. Mobicroco says:

    Chippy,
    thanks for Sharing this excellent list.
    Yours, Martin

  5. gene says:

    You are spot-on with your comments and after years of waiting I really hope that 2010 give me:

    1. 7″ device (in a nice leather “folder”)
    2. 1024 x600 touchscreen tath will take fingers and stylus. ( & led backlit that is dimmable)
    3. under 20mm thick (i’ll take more weight /thickness for more battery life)
    4. 4-5 hours of use.
    5. wifi-N and 3G sim slot
    6. on screen split-keyboard (BT keyboard option)
    7. netbook specs+ OK with me.
    8. HD playback a plus, but not nec.
    9. ebook/mag/newspaper reader (in some sort of lo-power mode?)
    10. ruggedized a bit (if possible)
    11. web browser with flash & silverlight
    12. MS Office (lite?) or just OneNote!
    13. needs a bezel (an edge to edge touchscreen is trouble)
    14. win 7 with “fat” icons for finger use.

    I’ll have no issues with carrying around something that resembles a leather folio or a day planner. That might even lessen the chance it will be stolen?

    It will happen some time this year.

  6. Tai-Pan says:

    Chippy,

    One area I think that will be more and more of an effect on the tablets will be the “Augmented Reality” apps.

    A few are getting more mature and by the time that a product from a player of Apple”s stature comes to market (some say June) they will be even further along that road.

    Also don’t neglect gaming as another massive driver for tablets.

    Cheers,

    Tai-Pan

  7. social network design says:

    Its amazing to hear about this multiple MID sectors ,i got it easily.

  8. SAM says:

    Please quit cutting the screens off at 600 pixels. A lot of applications need 768 or the dialogue boxes get cut off at the bottom.

    This is old fashioned, but i liked the square screens better than the new smashed wide screen ones

  9. aludal says:

    My humble additions to this brilliant list can be found at my blog: http://fineoils.blogspot.com/2010/01/things-to-consider-when-designing-or.html (too long to post it here)

  10. Mobile Site Design says:

    I just got a new client the other day by walking inside their pizza joint and showing them how their website looked on my Blackberry. I came back the next day with an example of what it could look like. Sold!

  11. Melatonin Side Effects Information · says:

    GPS antennas can really help improve the reception of your GPS signal “”

  12. Melatonin Side Effects Information · says:

    GPS antennas can really help improve the reception of your GPS signal “”

Search UMPCPortal

Find ultra mobile PCs, Ultrabooks, Netbooks and handhelds PCs quickly using the following links:

Acer Aspire Switch 10
10.1" Intel Atom Z3745
Acer C740
11.6" Intel Celeron 3205U
VIA Nanobook
7.0" VIA C7-M
Lenovo Ideapad Flex 10
10.1" Intel Celeron N2806
Acer Aspire E11 ES1
11.6" Intel Celeron N2840
Dell Chromebook 11
11.6" Intel Celeron 2955U
Dell Latitude E7440
14.0" Intel Core i5-4200U
Acer TravelMate B113
11.6" Intel Core i3
HP Elitebook 820 G2
12.5" Intel Core i5 5300U
Acer Chromebook 11 CB3-131
11.6" Intel Celeron N2807