first user experience teardown of talk health - a pakistani startup

23
TALK HEALTH USER ONBOARDING TEARDOWN Talk health is a health app which connects users with doctors, gives access to forums for advice and book doctors.

Upload: fahim-akhter

Post on 14-Apr-2017

47 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: First User Experience Teardown of Talk Health - A Pakistani Startup

TALK HEALTH USER ONBOARDING TEARDOWN

Talk health is a health app which connects users with doctors, gives access to forums for advice and book doctors.

Page 2: First User Experience Teardown of Talk Health - A Pakistani Startup

I always love splash screens. It tells you a little about the product specially the first time.

The splash screen is set for loading, which is lightning fast. So it goes away fast.

Perhaps let the splash screen be there for 2 seconds so it sinks in and the user can read the text.

Page 3: First User Experience Teardown of Talk Health - A Pakistani Startup

A person using the app the first time, doesn’t have a login serve him first.

Mailchimp, Pinterest, Facebook all focus on the new signup rather than login.

Focus on who is more important. The new guy who wants to sign up.

‘Sign up’ and ‘facebook login’ are at the same hierarchy. How about ‘sign up with facebook’ ?

If it’s login it is better to have it with the login button.

It’s always a good idea to use the native colors of 3rd party logins. Those are easy to identify.

Page 4: First User Experience Teardown of Talk Health - A Pakistani Startup

Alrighty let’s do a fake login. See what happens.

Page 5: First User Experience Teardown of Talk Health - A Pakistani Startup

‘Logging in’ or ‘verifying’ . Something on those lines would have been more useful than loading.

Page 6: First User Experience Teardown of Talk Health - A Pakistani Startup

‘Login Failed’

The message goes away like a tooltip before you’re able to see what happened.

It’s always a good idea to have error messages always on screen pointing out which part went wrong.

Colors are important Red is bad grey tells me it’s just a notification.

Page 7: First User Experience Teardown of Talk Health - A Pakistani Startup

Alright let’s sign up like a good boy.

Page 8: First User Experience Teardown of Talk Health - A Pakistani Startup

This is neat separating the two users.

But what is user? The combination we generally use is Doctor/Patient.

Would it be more helpful if the buttons were a call to action?

“Signup as patient” / “Sign up as doctor”

Anyways on with the user signup.

How would it be to have a separate app? Like those job sites? A doctor portal and a Patient portal.

Page 9: First User Experience Teardown of Talk Health - A Pakistani Startup

If I’m on the sign up screen. I’ve already decided to make an account. It’s good to tell the user why he should sign up but give him this information before signup.

If you do want to give some benefit here, tell him all the goodies he will have for signing up.

Page 10: First User Experience Teardown of Talk Health - A Pakistani Startup

Can the password be one digit? Can it be only numbers? Does it have a maximum length? We don’t know.

It’s a bad user experience with forms when you submit one and you have to go back and fix it. Make the password details clear beforehand.

Most people use the same password at multiple places and get it correct the first time. Enhance the experience of this set of users. If a small percentage gets it wrong make it easy for them to reset it using the email address.

Page 11: First User Experience Teardown of Talk Health - A Pakistani Startup

How do I format this? +92? 0092? No country code?

Coolio

On to the next one

Page 12: First User Experience Teardown of Talk Health - A Pakistani Startup

But But But.. I wanted to sign up :( Not load.

Improve message.

Page 13: First User Experience Teardown of Talk Health - A Pakistani Startup

Houston we’ve got a problem.

Alright so that’s a bug. Even if it wasn’t Show me what’s wrong in the line.

Write on the password hint. That DUUUUDE can’t be less than x length.

Page 14: First User Experience Teardown of Talk Health - A Pakistani Startup

Alright let’s put a longer password

Is there a charm the second time?

Page 15: First User Experience Teardown of Talk Health - A Pakistani Startup

Wohoo! Signup Success!

Let’s talk menus then go to the cards.

By the highlight this is home. So is home doctors? Should it be home? What if it was a doctor's icon. Would it be more useful?

What’s the hamburger menu doing here? Is that menu? If it is why is it in the middle. I’m so used to my menu on the top left of bottom left. Why change it? (if it is that menu)

Page 16: First User Experience Teardown of Talk Health - A Pakistani Startup

This is a lot of information and menus. The first user has just been thrown into it. It would be great to have a proper onboarding or some tooltips/hints to get the user started.

If someone is installing the app, what do they want to do first? I’m thinking find a doctor. So perhaps throw them there like a clean search tool.

An ECommerce style filter might be useful. If I’m looking for a ENT, I’m not interested in a neurosurgeon.

Let’s dive into the cards design

Page 17: First User Experience Teardown of Talk Health - A Pakistani Startup

From facebook, we’re trained to click on the image to go to the profile. We can lose the repetitive profile button on every card.

Are these stars empty? Show me the stars yo! This is the most important thing for the user, doctor rating. So the stars need to be very clear. That in first glance it’s clear how good the doctor is and how many people recommend him.

Appointment what? What is appointment yo?

Call for action! “Book an appointment”

Tell me what to do. I’m dumb yo.

Page 18: First User Experience Teardown of Talk Health - A Pakistani Startup

Alrighty let’s go click on the second menu item the chat bubble and see where it takes us.

Page 19: First User Experience Teardown of Talk Health - A Pakistani Startup

So I’m assuming this is the forum.

The header gives no indication what the page is.

I like the hover button. It highlights hey ‘we want you to write’. So that’s good.

I don’t see any search here.

This isn’t buzz feed or instagram. That I scroll down look at the funny cat video. This is a medical forum. Search should be an integral part of it. Since most people would be looking for their disease and its relevant information.

Tags are Gut!

Let’s click that 3rd icon the menu button.

Page 20: First User Experience Teardown of Talk Health - A Pakistani Startup

Hoookaaaay! So this isn’t the menu. These are categories.

What if the navigation was categories first. Then you go to the doctors?

Home -> Category -> Doctor

Having doctors/ category on the same level isn’t much help.

What are these colors? Blood disorder is scary red? Birth control is gloomy grey?

I like how subtle cancer is.

Let’s keep Rolling!

Page 21: First User Experience Teardown of Talk Health - A Pakistani Startup

So this icon was accurate this indeed is the profile page.

This is an excellent place to nudge the user in the right direction.

Right now, if I don’t have appointments so I’m blocked. Why not give me a ‘+’ icon.

Help me add an appointment?

Let’s see the second section of the profile page.

Page 22: First User Experience Teardown of Talk Health - A Pakistani Startup

I really like this. My medical conditions, history and all. If it’s connected to doctors. That’s a great first step in Maintaining digital accessible medical records in Pakistan.

Also this can be added to the signup process (skippable).

I’d love to see gamification of it. A percentage could really help. That hey you’re this closer to getting saved or something.

Nothing wrong with a little fun.

The menu navigation is complete. Time to end this teardown!

Page 23: First User Experience Teardown of Talk Health - A Pakistani Startup

In clarkson's word and on that bombshell goodnight.

I think it’s a wonderful app with a lot of potential especially in the pakistani market. If all the docs get on this and use it properly. It’s a great way to get more clients. And a great place to get a lot of information.

But the focus of each page needs to be made clear. Most importantly the user needs to be nudged around and be led in the right direction.

The value of the app should be told a little better. So the users can get the most of the app and that wraps up the teardown.

P.s if you want to read more teardowns you can leave your email below and I’ll send you the next teardown.