7 ms·
User Onboarding
- samuelhulick 12y agoHi everyone! I just saw a bunch of tweets linking to my site and traced it back here -- I'm the person behind this site and if anyone has any questions, I'd love to answer them here!
- niels 12y agoGreat overview. Thanks a lot.
- samuelhulick 12y agoYou're very welcome!
- highace 12y agoYou've clearly put a lot of time into this and I think you've done a great job. I've gathered a whole bunch of new ideas to try with my onboarding in a fraction of the time it would have taken me to figure it out myself.
- samuelhulick 12y agoI'm really glad to hear that -- it's the whole point! New teardowns come out every week or two, as well.
- tuurul 12y agoExcellent website. Learning a lot from it. Thanks.
- samuelhulick 12y agoReally glad to hear it. Thanks for taking the time to let me know!
- arethuza 12y agoAre you going to track these things over time? It would be pretty cool to see how things change along with an analysis of why they changed stuff. NB Really good job - I found this quite fascinating.
- samuelhulick 12y agoYep, that's a big-time point of interest for me. Keep an eye out for some of that in the future!
- Serow225 12y agoVery nice, great work! Some FYIs: On my iphone Safari browser, I found the next/prev buttons on the viewer to be very small targets. Also, before I noticed them, I tried swiping horizontally on the slide itself, but this triggers some weird zoom behavior. Lastly, it's hard to see the details of the slides when using this device/browser. Again, congrats on creating a great resource!
- samuelhulick 12y agoThose are good points, for sure. I hadn't considered the swiping part, especially. Mostly the details are stupidly small at mobile size -- as much as I'm a fan of responsive design, this really is more of a "desktop" activity.
- Serow225 12y agoFor small-screen mobile devices, could you launch the slides in full-screen landscape?
- alaeri 12y agoHey, I love your website. I've been through half of the teardowns. Have you ever thought about doing the same things for mobile apps?
- samuelhulick 12y agoI agree I should do more of them, but Pocket (http://www.useronboard.com/how-pocket-onboards-new-users/ http://www.useronboard.com/how-pocket-onboards-new-users/) and WhatsApp (http://www.useronboard.com/how-whatsapp-onboards-new-users/ http://www.useronboard.com/how-whatsapp-onboards-new-users/) were both mobile.
- alaeri 12y agothanks :)
- timdorr 12y agoAny chance you could bring down the size of the screenshots you take? Most people don't have huge screens like you do, so I feel like I'm not seeing the typical UX. For instance, a lot of the buttons on these screens are very extremely pushed to the side when they're in the corners. Look at the Shopify one specifically. And while yes, some users will have screens that huge and designers will have to deal with that edge case, I feel it's too atypical to use for a typical user's experience.
- samuelhulick 12y agoI actually just got an email with this question yesterday, as well! Going full-screen gives me extra screen space to tack on the annotations without covering other parts of the interface up, but I agree that sometimes things spill over. I could try letterboxing it and seeing where that leads -- thanks for the feedback. In general, though, I also wish more teams had a simple "max width: 1400px;" declaration!
- staffordrj 12y agoWhat do you think about adding a grade to each experience?
- samuelhulick 12y agoIt's definitely tempting, but the reviews I provide are really just surface skims -- without knowing the constraints the teams are working with and/or what the conversion rates of the adoption funnel are, I'm really not in a position to dole out grades.
- arturszott 12y agoThis is awesome!
- samuelhulick 12y agoThank you for saying so!
- dafnap 12y agoThis is great!! Thanks for taking the time to do this. Very helpful to learn from these companies
- samuelhulick 12y agoReally glad to hear it's helpful -- stay tuned for many more.
- andygeers 12y agoIf you've not got it already, buy Samuel's e-book - it's ace! https://www.useronboard.com/training/ https://www.useronboard.com/training/
- grosbisou 12y agoWhy is it ace? Can you develop a bit and explain why you liked it? Thanks ;) I mean even if the website is really interesting, the book is $50 minimum.
- dfc 12y agoThe breakdown of the OKCupid process has these two comments about illustrations: 1. Illustration of smiling high confidence person draws you in. 2. The illustration feels a bit flat and 'uncanny-valley-ish.' it leaves an impersonal impression, but that might be the intent (i.e. you get the personal stuff when you log in) Would you be surprised to learn that these comments are about the same illustration? I was. I clicked back and forth 4-5 times to make sure I was not missing something. A lot of the comments made it seem like I was listening to Foamy the Squirrel give stream of consciousness impressions as he signed up for online dating.
- samuelhulick 12y agoI appreciate the critique, but it's not like an object can't have more than one quality. :) In this case, an illustration was both crudely presented while simultaneously being more personable than, say, a block of text. I'm not sure where the "gotcha" here is.
- dfc 12y agoYou really think those descriptions are compatible? I don't mean compatible like "sort-a prominent sorta-not position," I am talking about not mutually exclusive. Uncanny valley has never been something that I imagined being drawn to.
- samuelhulick 12y agoYeah, fair point.
- netcan 12y agoSlight tangent: This is a great example of something most people can do to boost their earning potential, even (especially) as an employee. As an aid to selling ebooks & training, the benefit is obvious (it's on HN). But, something like this would also make sense to anyone working on UX. It's at least as valuable as an acronym on your CV.
- samuelhulick 12y agoIt really comes down to this, doesn't it? https://twitter.com/patio11/status/421694694696185856 https://twitter.com/patio11/status/421694694696185856 :)
- netcan 12y agoMore or less. Patrick seems to be advocating making your everyday work public, repeatable and enduring. That's ideal. But, for people that are working in a silo or otherwise not going to take that step, this seems like an accessible step. In fact, a carbon copy of this seems like a good template for a UX person to follow. Pick a topic (not on boarding). Do the research. Make a dozen examples easily digestible for someone who needs to implement the thing you are researching. In-app notifications, advanced settings, in-app tips (Clippy!), profile pages, email drip marketing, commenting systems, badges, profile pages…. Almost any UX topic could use teardowns like this.
- jf22 12y agoGot his book free from attending Microconf. Full of useful tips and tricks. I highly recommend it.
- samuelhulick 12y agoI'm glad to hear it -- did any parts stand out in particular?
- forrecovery123 12y agoExtremely useful resource! Thank you :)
- samuelhulick 12y agoThanks for finding it useful!
- ghiculescu 12y agoI thought it would be interesting to see how http://www.useronboard.com/ http://www.useronboard.com/ stacks up, based on some of the feedback dished out in those teardowns. Some quick notes, based on http://i.imgur.com/mIwr3TS.png http://i.imgur.com/mIwr3TS.png, and assuming that the goal is to sell copies of the book. - There's no call to action at all - Assuming someone who lands here would have some idea of what user onboarding is, the page doesn't say specifically how this will help me get better at it. Just gives me a definition which I (probably) already know. - Mentioning brands I recognise (Spotify, Pocket, Pinterest) is good. Makes me curious to know more. But I'm not sure exactly what a teardown is. - Ahhh, so there's a book that I'll like if I enjoyed the teardowns. I guess I'll look at a teardown and then maybe I'll look at the book afterwards. - Once on a teardown page (eg. http://www.useronboard.com/how-shopify-onboards-new-users/ http://www.useronboard.com/how-shopify-onboards-new-users/) there's nothing mentioning the book at all. - I am now addicted to teardowns and have forgotten about the book. The Training & Contact links at the top do not get my attention. Which is a shame because I think https://www.useronboard.com/training/ https://www.useronboard.com/training/ does a pretty good job overall. - Completely ignored the Latest Posts bit at the bottom of the homepage. Looks very similar to the Less Accounting one (http://www.useronboard.com/how-lessaccounting-onboards-new-users/ http://www.useronboard.com/how-lessaccounting-onboards-new-u...) Maybe it's not actually trying to sell very hard the book and I'm over thinking it a bit, but I did find it interesting to try and apply what I'd just learned.
- GFischer 12y agoThe teardowns are really interesting :) . I agree that they should sell you the book after seeing those ! Or consulting :)
- tsieling 12y ago> There's no call to action at all There's a giant blue button that says Check out the Book
- jamestanderson 12y agoThis is getting really nitpicky, but it's below "the fold." So it might as well not be there for some users. But getting people to buy the book might not be the primary goal of the website, or the home page. It's probably to show off the reviews and teardowns, which it does a great job of. I think it's perfectly acceptable to have the secondary purpose of the site, buying the book, a bit out of the way.
- V-2 12y agoVery interesting website, but this mouse hover zoom thing is annoying. I'd only make it zoom in after a delay or (better still) a click.
- hardikj 12y agoI second that
- samuelhulick 12y agoDoubly noted!
- runeb 12y agoI third that
- samuelhulick 12y agoThirdly noted.
- samuelhulick 12y agoNoted!
- measure2xcut1x 12y agoI'm not sure this is the intended use case, but this website allowed me to check out a few products without having to sign up for a trial. I think I have free trial fatigue. It also introduced me to a few new products.
- samuelhulick 12y agoThat's a happy side effect, for sure.
- corford 12y agoJust read the Optimizely tear down. Excellent. Have bookmarked and will buy the book shortly :)
- samuelhulick 12y agoHigh five!
- jorisd0 12y agoInterestingly, the Optimizely landing page looks completely different now, with a lot of the content that used to be there placed elsewhere on their website. Assuming that they used their own technology to improve their own landing page, we could perhaps conclude that their old information-heavy landing page wasn't good for conversion, and their newer page performs much better. I wonder why; the old landing page looks a lot better to me, and seems to make a lot more sense if you look at the theory behind it (as put forwards by the teardown).
- corford 12y agoThat is interesting. I agree with you, the old landing page was a lot better. Maybe they've reached a point where they feel they are the market leader now and assume that anyone hitting their site already knows they're good and just wants to get straight in to a free trial?
- samuelhulick 12y agoWow, yeah, that's way different. I'd be very curious to see how it's performing in comparison. If you're gonna test, you might as well test big I suppose!
- jakubp 12y agoThank you for doing this!
- samuelhulick 12y agoYou're welcome!
- V-2 12y agoIt's super instructive and extremely interesting. If anything, I'd like to see more BAD examples :) I should think they're easier to find!
- V-2 12y agoI'd be curious to see a review of StackOverflow as well (not that I think it makes a bad example, although surely one that targets a non-standard audience and falls into a somewhat different category than most)
- reinier_s4g 12y agoThanks, this is awesome info! I passed it to my designer, he will find it even more useful.
- samuelhulick 12y agoGreat!
- artsandsci 12y agoWanted to chime in about Samuel's consulting service. I was part of a project that Samuel did a teardown for. He went above and beyond to do a very thorough video and answer questions on the follow-up call. It's especially handy if you have a bunch of small UX issues you're working on and find yourself going in circles debating the same issues. His "first-time-user" take on things helps iron that out. He also points out a lot of things you havne't noticed because you're been staring at the same design for so long.
- samuelhulick 12y agoThat's really kind of you to chime in -- would you mind emailing me at (anything) @useronboard.com so I can thank you personally?
- V-2 12y agoNetflix slide 34. "Opportunity for smiling faces or other positive imagery, to promote more encouragement". You think so? I have mixed feelings about this. I think designers tend to overload commercial websites with cheesy smiling faces. Maybe if they could come up with some more creative idea for positive imagery instead... but happy people, perhaps it's actually good that they didn't resort to this cliche again (since - as you pointed out - they already showed us a bunch of people mysteriously smiling at the menu screen like some drugged Joker victims ;) )
- samuelhulick 12y agoI wouldn't have minded seeing something to help keep things fresh and moving forward. Definitely didn't need to be cheesy or stock photography. p.s. "drugged Joker victims" is a hilarious way to describe it!