steve
Upcoming SlideShare
Loading in...5
×
 

steve

on

  • 1,015 views

 

Statistics

Views

Total Views
1,015
Views on SlideShare
1,015
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

steve steve Presentation Transcript

  • Creating the User Experience for a new mobile search engine
  • Aims of presentation
    • “ Walkthrough the UE design approach of a startup mobile
    • search company”
    • Introduce Taptu and the product
    • Walkthrough our UE design approach and tools
    • Demo of our latest product version
    • Question & answer session
  • How many of you regularly use a search engine on your mobile ?
  • How many had a positive experience ?
  • About Taptu
    • Focus Building (and making money from) a new kind of mobile search
    • Expertise Mobile user experience, search algorithms
    • Innovation 15 key patent applications filed in mobile search
    • Service launch Alpha service in Oct 2007, Beta V1 in Feb 2008
    • Investors 3i and Sofinnova, £5m Series A
  • About me
    • Technologist and business guy
    • Serial entrepreneur: Aspective, Teamstudio, Trigenix, Taptu
    • 50 years old
    • My children are Generation Y, I’m not….
  • The challenge for Taptu
    • Search requires a different approach in the mobile environment
    • Search must be provided within a highly constrained interfaces - different devices, inputs, screen-size, latency
    • Google Mobile, Yahoo OneSearch and Live Search for Mobile are variations on a very similar theme. They are designed and engineered from the perspective of: “bringing the best of PC Web search to mobile phones”
  • What is our UE Design process?
    • Our aim is to create usable, engaging and aesthetically pleasing products across the wide range of devices Taptu works on
    • We are pragmatic about UE approach - ‘Text-book’ approach not always possible - but we aim to use the right tools at the right stages
    • We spend a lot of our time thinking about the needs of our users and talking to users direct: 12 months, 14 user studies 133 users, 1 hour per user
  • Key stages of our process… Concepts + Ideas
  • Key stages of our process… Concepts + Ideas Paper Prototyping
  • Key stages of our process… Concepts + Ideas Paper Prototyping Device Prototyping
  • Key stages of our process… Concepts + Ideas Paper Prototyping Device Prototyping UE Testing
  • Key stages of our process… Concepts + Ideas Paper Prototyping Device Prototyping UE Testing UI Spec
    • Gary, 23 “Unwired Social”
    Kate, 27 “Digerati”
  •  
  •  
  •  
  • Prototyping the UE
    • Prototyping is central to our process - use it constantly as we develop new ideas & features
    • Key benefits to us:
    • 1. Designing the end-to-end experience
    • 2. Creating a believable product for a User Study
    • 3. As a discussion tool with Engineering
    • We use two types at different stages - Paper Prototyping and Device Prototyping…
    • User Task
    • Task Flow Design
    • Idea Annotation
  • Device Prototyping …
  • Device prototyping
    • Device Prototyping the is the next step from Paper Prototyping… need to experiment with designs on the target devices once we happy with design on paper
    • Hi-fidelity of device-based prototypes offer a number of benefits that paper prototypes don’t provide
    • The device-specific issues of screen size, input, controls, navigation, pixel-perfect visual design all need to be explored & considered
  • How we do it ?
    • Produce ‘static’ prototypes – they create a believable walkthrough of particular paths we want to test
    • HTML/CSS + Photoshop - create pixel perfect graphics and build prototypes using HTML
    • Slower to iterate than paper prototypes - but for many device/browser specific design issues/decisions we need to create device protos at various stages
    • Ideal for user testing - still minimal production and no engineering time required
  • Device-specific design issues
    • What design issues do we deal with per device?
    • We have defined 3 core ‘families’ of device:
      • Low phone - standard 176x220 e.g. RAZR
      • Mid phone - QVGA e.g. Nokia N95, Sony Ericsson W880i
      • Hi phone - iPhone, more will follow
  • Taptu on mid-phone (N95, W880i) Branding and white space are key Secondary navigation elements below the fold Elements make it clearly a search engine Global navigation elements grouped and consistent
  • Taptu on hi -phone ( iPhone) Scrolling: Scrolling is much quicker with finger Selection: Touch interface requires wider spacing of elements Text entry: Text entry is quicker than other two device types
  • Visual design + brand …
  • UE Testing with users …
  • UE testing approach
    • Once we have a working Device Prototype, we test…
    • On a monthly basis we find a set of target users and meet them face-to-face, one-to-one, 1 hour sessions
    • We test in London - so we can source widest demographics of users for sessions
    • We built a fully portable lab - so its less intrusive/formal and we can go anywhere with it
    • We make this a regular event in our schedule - so we get maximum exposure to testing concepts with real users
  • Portable usability lab
    • Mounted camera
  • Picture-in-picture review format
  • Live example of User Study Session…
  • Future Taptu direction
    • Today: good at infotainment searches (e.g. music, movies, TV, news), mobile navigation (mobile sites) Tomorrow: universal search
    • Search and share engine - enhancing sharing functionality with 1-Tap share concept
    • Human-assisted search for popular terms
    • Further user research + international research
  • Conclusion What have we learned about the UE design process? - Evaluate early - Don’t assume, do listen - Iterate often!
  • Q&A Want to try it ? You can try Taptu on your mobile phone browser - enter www.taptu.mobi Or on PC - www.taptu.com Or Facebook App - Search for ‘ Music Wall’ in Facebook Or Music Cube game - Search for “Music Cube” on Google