user experience & usability teardown of touch'd - a pakistani startup - part 2

22
touch’d USER EXPERIENCE TEARDOWN - Part 2 Touch’d is a relationship manager. Which helps you stay connected and improve your relationship with a selected group. Pakistani startups user experience series by Fahim Akhter

Upload: fahim-akhter

Post on 14-Apr-2017

64 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

touch’dUSER EXPERIENCE TEARDOWN - Part 2 Touch’d is a relationship manager. Which helps you stay

connected and improve your relationship with a selected group.

Pakistani startups user experience series by Fahim Akhter

Page 2: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

This is Part 2 of touch’d teardown. You can catch up to part one here.The teardown is for an older version of touch’d right now they are in the middle of releasing a wonderful new version with some great usability upgrades.

So let’s boot up...

NOTE TIME!

Page 3: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

So in the first part of the teardown. We started up the app for the first time. Registered ourselves and set it up with our contacts.

Now, we are viewing our contact and testing out the ways we can reach him/her.

Let’s try “Reachout” . Seems like a phone call.

Page 4: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

This looks like the standard contact menu. Which is good.

Because it’s familiar and I trust it with my calls and text.

I don’t want to talk to him, right now so let’s go back and see the other reaching out options.

Page 5: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

So we’re back to the contact menu.

Let’s go to the next button, since the app isn’t really guiding us.

This is a complex app, it’s a new concept not your traditional stuff. It would have been great to have a proper onboarding to guide him in getting in touch with his first contact.

Right now, I see four buttons with the same colors right next to each other. This is where colors help a lot to guide the user towards the developers preferred action.

Let’s see how reminder works

Page 6: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Great we’ve got the header that explains what it is.

We have very simple copy but it does the trick.

When, why and relation.

Let’s set the when.

Page 7: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

This is great simple drop down without me having to think.

Whenever we have to decide ourselves when to set an appointment in our life. Whether it’s meeting a friend for coffee or a meeting. There is an initial hesitation. Which is taken away if we’re suggested something beforehand.

So this dropdown is really going to change number of appointment conversions.

Let’s do it next week.

Page 8: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

No dropdown??

Everything we saved earlier is gone now. How about options like ‘because we havent’ talked’, ‘its your birthday’ , ‘I’m in town at that time’ , ‘Need a favour’ or enter your own as an option?

You can add friends that’s nifty. Even if I came from one friend.

This means more interactions with friends and the app that’s good.

Page 9: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Back to the menu.

This is a great add on. Update manually. Because there will be interactions that will not be automatically logged into the system.

However this should also be coupled with a reminder for the user to update their interaction after the reminder time has passed.

Let’s take it for a spin.

Page 10: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Great we’ve got a dropdown and I like the whoosh slide in.

The issue right now is with the consistency of the drop down menu. If we’re going to go with a slide in half page. Make all dropdowns like that for consistency. The last dropdown was a full page one and now we’ve got this. Pick one and implement it over so the user is used to it and anticipating it.

Let’s choose meetup.

Page 11: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

So we’re done with the first thing.

The second icon looks like analysis, let’s hit that!

Page 12: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Neat, so we have the relationship stats how we interact.

The question is what good is this doing? Like now this makes me feel bad about my relationship hey, he never calls.

I’d be more interested in a gamified stat. You’ve got x stars.

“this is the best relationship amongst your friends”

“Your relationships are x times better than y time people”

I don’t want to know I always call.

Page 13: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Before we go to the last tab.

About that giant invite button.

I think it’s great to have a button for growth. But you know what would be better having it with a context. Tell me to invite my friend once a positive interaction happened and I felt like i achieved something.

Tell me why should I invite him, how will it grow our relationship with him?

Will I get points? Will I get free credits? Will I get gift credits? Give me an incentive to invite or ask when I;m happy.

Lets tap the last button in the menu.

Page 14: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

So we’re in the contact menu.

It would have been nice to have the label on top like we had in reminder tab. There is a lot of inconsistency with headers overall. Sometimes it’s the name of the person sometimes it’s the header. Should stick to one.

This menu for me does not provide any additional information than my phone contact menu. I would rather use the same contact menu for interaction and the contact details. Or have it combined with the analytics?

Let’s go back to the main menu.

Page 15: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

All done with this screen. Let’s go back to the main menu of the app.

Awkward gif for drama

Page 16: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Back in the contacts menu

Something I missed before. The circles around each contact.

That’s intuitive so my relationship is great with the green one.

Not so with the orange one. Makes me want to click the orange and fix it right away.

Let’s go to the top thing and to “Urgent”

Page 17: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

This prompt makes sense to me. The copy tells me what I will get if I do register and a big ass register button right next to it.

An addition of “NOW” in the copy would have given a bigger nudge.

These are the urgent folks I need to talk to.

Clear two options to interact that’s good. But what about a more or a reminder? It’s urgent but can’t I set a reminder? Maybe its not a good time to call her she’s in a different time zone.

I’m a big fan of pre filled things this mandela thing looks cool. Although my friends gonna be like what mandela day? But its a good conversation starter.

Let’s scroll down and see the next card.

Page 18: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Ignoring my terrible blurring skills.

These cards make more sense. I get it now that was a different card for a different interaction.

So let’s reach out , remind or update everyone.

Page 19: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

All done.

This a good copy.

- Has fun bits- Happy things. Happy things.- Letting me know what I can do since it’s empty.

Positive encouragement goes a long way and combined with the

Next step on what to do it’s the perfect recipe for retention.

Let’s see the next top menu.

Page 20: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Feeds and feeds more feeds. So this is good to keep users busy provided they’ve got enough friends on to generate a good feed.

If not how about recommendations from international stuff?

Pinterest does this really nicely. They don’t let you sign up until you’ve picked 5 topics you like. So when you enter your feed is never empty.

Lastly let’s try out the menu.

Page 21: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Woah Woah Woah. What just happened. I just took a side step out of the app. This is interesting, I haven’t seen a menu like this. These are pretty straight forward things.

I like the consistency of ihe invite.

That wraps up our sign up, menus, contact cards, interaction and other things. This is really super detailed the app. And pretty well made. But with the depth really needs a proper onboarding and we’re done….. done… done….

Page 22: User Experience & Usability Teardown of Touch'd - A Pakistani Startup - Part 2

Wohoo! You’ve made it till the end. Hurrah! You have no idea how happy that makes me! Thank you for making it till the end.

If you’ve enjoyed the teardown you can leave your email below and I’ll send you the next teardown as soon as its up.

Drop me an email at [email protected] If you want me to do a teardown of any app.