Crearea UserOnboard Teardowns Procesul și instrumentele mele

A fost o mare bucurie să văd atât de mulți oameni găsind utilizatorul la bordul teardowns că eu creez un astfel de ajutor.

De multe ori, conduce oamenii la întinderea și întrebarea cum le fac. Aceasta, prieteni, ar trebui, sperăm, să fie ultima referire la exact modul în care sunt creați.

Notă: ceea ce urmează este o rețetă foarte detaliată pentru generarea prezentărilor, nu perspectiva pe care o am pentru evaluarea experiențelor de îmbarcare în sine. Există prea mult acolo pentru a se potrivi într-un tutorial și am scris deja o carte întreagă despre acest subiect așa cum este.

Oricum, cu spectacolul!

1. Pregătirea pentru Showtime

Totul începe în ScreenFlow, o bucată de software pe care o ador în mod absolut. Efectuează înregistrarea audio / video de pe desktop și editarea ulterioară super-simplă, simplă și plăcută. Îl folosesc tot timpul, pentru o gamă surprinzător de variată de cazuri de utilizare (editarea podcast-urilor, capturarea audio a întâlnirilor Skype / hangout, înregistrări de ecran etc.). Vă recomand să verificați.

În mod specific, în ceea ce privește teardowns, o folosesc pentru a înregistra tot ce se întâmplă pe ecranul meu (mai mult despre asta într-o secundă), precum și pentru a înregistra comentarii audio în timp ce mă duc (micul meu este un Yeti Blue și este o investiție foarte utilă) . ScreenFlow poate înregistra simultan mai multe canale, așa că dacă revizuiesc o aplicație mobilă care are o componentă audio, pot capta sunetul telefonului pe o pistă separată.

Iată un exemplu de tip video brut pe care îl înregistrez:

Obișnuiam să încerc să fac screenshot-uri în timp ce m-am dus, dar întotdeauna mi-am dat seama că revitalizez experiența și uitam să apucă fiecare ecran sau să ratezi o tranziție radiculară sau o animație. Înregistrarea pe ecran este super util pentru a mă lăsa să mă concentrez asupra unui singur lucru la un moment dat, iar comentariul audio mă ajută să-mi scot memoria atunci când intru în modul de creare a prezentării mai târziu.

În ceea ce privește ceea ce se înregistrează pentru început, depinde foarte mult de faptul că este vorba despre un produs desktop / browser sau despre o aplicație mobilă. Dacă este primul, deschid doar o filă incognito în Chrome, o plasez în modul ecran complet și plec la curse. Dacă este mobil, bine ... este ceva mai complex.

Când Apple a lansat OS X Yosemite, playerul său QuickTime a primit o nouă setare care vă permite să reflectați tot ce se întâmplă pe iPhone pe ecranul Mac. Setează chiar și indicatoarele pentru recepția și bateria celulei la "full", ceea ce reprezintă o atingere minunată (întotdeauna mă simt stresat, uitându-mă la ecranul de telefon al oamenilor când apare o baterie de 1% rămasă).

Puteți înregistra chiar și audio / video chiar în QuickTime în timp ce sunteți la ea, dar am găsit înregistrarea să fie mai fin când folosesc Screenflow, și sunt, de asemenea, destul de sigur că nu puteți înregistra mai multe canale audio în QuickTime, așa că rămân cu ceea ce știu că funcționează.

2. Ieșiți totul jos

Odată cu înregistrarea în loc, o voi reda apoi înapoi la mine și voi lua capturi de ecran după cum mă duc, adăugându-le în Keynote.

Notă: I dragoste Keynote. Dacă ar fi trebuit să aleg o singură bucată de software non-browser pe care să o folosesc pentru tot restul vieții mele, ar fi Keynote și nici nu ar trebui să mă gândesc atât de mult la asta. Îl folosesc pentru crearea de prezentări. Îl folosesc pentru software-ul de sincronizare / prototipare. Eu o folosesc ca o schiță. Heck, chiar am folosit-o pentru a crea întreaga carte de utilizatori la bord, adăugând noi diapozitive unul câte unul cum ar fi modul în care ar fi alimentat paginile într-o mașină de scris.

Rularea comentariului

Oricum, cu fiecare screenshot adăugat, îmi transform comentariul audio (și noile observații din revizuirea înregistrării) în adnotări care indică ce se întâmplă în experiența produsului. Tipul de text pe care îl folosesc pentru adnotări este numit Sketchnote Text și a fost foarte generos oferit de proiectul excelentului Mike Rohde.

Cum se folosește cutia poștală pentru Mac-uri pe utilizatorii noi

Odată ce am luat totul în loc, am re-citit totul de câteva ori pentru a mă asigura că nu există vreo greșeală sau că nu am uitat să-mi pierd numărul de telefon sau ceva de genul ăsta. Aproximativ jumătate din timp, ceva, oricum, alunecă. Vai.

3. Ieșirea

Keynote nu are cu adevărat un "scuipat totul ca o grămadă de imagini gata pentru web", așa că trebuie să fac un pic de procesare pentru a obține lucrurile gata pentru consumul online. Primul pas este de a exporta conținutul Keynote într-un PDF:

Mă rog Cel mai bun ca setarea de calitate, astfel încât să introduc cele mai puține artefacte de compresie posibil acest lucru la începutul procesului. (Apple, dacă ascultați, vă rugăm să luați în considerare faptul că această setare este implicită la orice a fost ales ultima dată, într-adevăr mă îngreunează uneltele mele pentru a re-selecta Cel mai bun de fiecare dată când export ceva!)

Optimizarea cu Automator & Photoshop

Acum am un PDF mare, dar ceea ce vreau cu adevărat sunt fișierele imagine individuale. Din fericire, Mac-urile au un instrument numit Automator, care vă permite să faceți macro-uri pentru a efectua o serie de acțiuni atunci când lăsați fișiere pe ele. După ce am experimentat un pic, iată "reteta" pe care am găsit-o cea mai bună metodă:

Acest lucru emite un PNG de înaltă calitate pentru fiecare pagină din PDF, denumită după ce reprezintă pagina. Fișierele sunt destul de mari, totuși, pentru că, în experimentele mele, nu am putut obține Automator să facă lucrurile să pară neîmpletite la orice rezoluție sub 300 dpi. Photoshop face lucrurile mult mai bine gata, asa ca apoi iau PNG-urile uriașe si le pun pe o picatura Ps care le scade si scade rezolutia la o rezolutie rezonabila de 72 dpi.

Prezentare imagini

Fișierele gata de lucru în mână, sunt aproape Terminat. Tot ce a mai rămas este să postați fișierele în nor și să biciuiți o nouă pagină pentru a trăi teardown. Scriu o broșură rapidă pentru a introduce prezentarea de diapozitive și apoi pentru a vedea întregul lucru ca o schiță pentru a vă asigura că toate imaginile se încarcă (și pentru a încerca să prindă încă o dată greșelile).

Cum funcționează utilizatorii noi pe platformă Foursquare

Codul slideshow-ului în sine este alcătuit din niște jQuery, pe care le-am scris, bazate inițial pe anii de instruire ai lui Jon Raasch și acum câțiva ani, iar acum, atât de rău, el seamănă cu scenariul său original. Există, de asemenea, o funcție de zoom oferită de pluginul Jack Moore, jQuery Zoom, care face o treabă excelentă de a face mai ușor să vedeți detalii pe ecrane mai mici.

Concluzie

Există, de fapt, un ultim pas și este cel mai interesant: trimiterea unui e-mail pentru o nouă trimitere către lista abonaților UserOnboard. Am folosit MailChimp încă de la prima zi și am fost întotdeauna super-fericit cu ceea ce îmi permite să fac în această privință.

Lista de e-mail primește primele capete în sus când ieșesc noi teardoni (fac clic pe trimite momentul în care apar noi exemple, și mi sa spus de mai multe ori că este unul dintre puținele abonamente pe care le au oamenii că așteaptă cu nerăbdare să primească e-mailuri. Dacă sunteți interesat să vă alăturați distracției, ar trebui!

Sper că acest articol ți-a oferit o perspectivă utilă asupra procesului meu și cum se creează teardowns la bord. Aștept cu nerăbdare să vă aud feedback-ul în comentarii!