$30 off During Our Annual Pro Sale. View Details »

Product Analysis: Septa Key

@mozzadrella
September 20, 2016

Product Analysis: Septa Key

Walkthrough of digital farepass / debit card for the city of Philadelphia, PA

@mozzadrella

September 20, 2016
Tweet

More Decks by @mozzadrella

Other Decks in Technology

Transcript

  1. Let’s give the Septa Key a
    whirl…

    View Slide

  2. Today we’re going to try to
    get a monthly pass!
    Let’s create an
    account….

    View Slide

  3. Holy
    nomenclature
    issues, Batman!

    View Slide

  4. What’s the difference
    between “Activate” and
    “Register”? What’s a “Fare
    Product”?
    Do I have one of those
    now? Huh.

    View Slide

  5. Some orientation on
    why so much info is
    needed here would be
    grrrreat!
    All this text is
    suuuuper tiny. I can
    barely read it and I’m
    a damn millennial.
    Bigify pls.

    View Slide

  6. Redirected to front
    page after account
    was created.
    Ah, so all passes are
    “Fare Products.”
    That’s awkward…

    View Slide

  7. What is the benefit
    of these? HALP.
    This mental model
    isn’t great.
    How many passes
    can I fit into one cart
    SO MANY!!!!!!

    View Slide

  8. Guess I’ll log in with
    the account I
    created..

    View Slide

  9. OH NOES!!!
    I have no idea what
    “Validated” means, and that’s
    a really similar term to
    “Activate” and “Register”…
    A progress bar would be
    great here—I’m nervous I’m
    doing this wrong.
    Friendlier copy here (e.g. “Hold
    on, let’s validate your account
    first”) would go a long way, as
    would helping me understand
    what I’m going to do next…

    View Slide

  10. OK, now we’re getting
    somewhere!
    Looks like I need to register
    my Key Card next…
    “Add Product” is awkward—
    and how is that different
    than, say, Managing Your
    Account?
    I love it when I’m the
    silhouette of a generic “user”
    and a creepy outline to boot!

    View Slide

  11. Not sure why the last time I
    visited the site is taking up
    real estate here….
    And since I’ve only been here
    once, now it’s oddly blank…
    Let’s get some visual
    orientation up in this piece..
    We still have no idea what
    this Key Card looks like…

    View Slide

  12. How about a progress bar
    that echoes the design of the
    Key itself…complete the
    steps until it’s shiny and
    “active”

    View Slide

  13. Ooookay, I have a card, let’s
    register it….

    View Slide

  14. What’s an “Instant
    SEPTA Key Card”? Is
    that what I have?
    Show me where to
    find this information
    on my card?
    What’s an alias and
    why do I need one?
    Heya tiny tiny
    words. So wee.

    View Slide

  15. Perhaps MOST
    importantly—what is
    this PIN for and when
    would I use it?

    View Slide

  16. Great! What’s next?
    I guess return to my
    account…

    View Slide

  17. But whoah, I have not
    been here before.

    View Slide

  18. Not only am I unsure
    what these menus
    mean… Why is the “Fare
    Product”
    disconnected from
    the card its on?
    What’s a “Hotlist”
    and how do I get on
    it?
    Do I “Add Product” to
    Cart?
    To Card?

    View Slide

  19. Do I “Add Product” to
    Cart?
    Or to my Card?
    I JUST WANT A
    MONTLY PASS!!!

    View Slide

  20. OK I’ll “Add a Product”
    and see if my monthly
    pass is tucked in there
    somewhere…

    View Slide

  21. Welcome to
    “Passland!”
    And we’re in a
    three-columned
    design here all
    of a sudden too!

    View Slide

  22. OK what’s the
    difference between a
    Convenience Pass and a
    TransPass???
    What’s an “Item”?
    Aren’t these all
    passes?

    View Slide

  23. Ah, OK what we want is
    a Transpass…who
    knew?
    Hallelujah I have finally
    found my one true
    Monthly Transpass!

    View Slide

  24. These “items” are what users are
    coming here to buy, that’s their
    goal.
    “Activate”/“register” should have
    been folded into the purchasing
    process instead of all that fare
    product nonsense.

    View Slide

  25. Great, let’s continue…

    View Slide

  26. Don’t need to know
    WTF a quote number is
    —taxing the cognitive
    load of the user here…

    View Slide

  27. They are winning
    the small text
    contest…
    My Dad would
    probably hand me
    his card and ask
    me to do this…

    View Slide

  28. PHEW!
    HUZZAH!
    LET’S RIDE A BUS!
    Wait, my order is only
    “submitted”?
    Wish I had clear,
    resounding
    confirmation.

    View Slide

  29. PHEW!
    HUZZAH!
    LET’S RIDE A BUS!
    But at least the
    “Monthly TransPass
    Fare Product” (geez)
    shows up in My
    Account with an
    option to Autoload.
    Small happinesses!

    View Slide