Anteeksi verenvuoto silmäsi, mutta nämä ovat tärkeitä.

Metodologia

50 asiaa, jotka [todennäköisesti] unohdit suunnitella

Jokainen pääministeri: "En ole vihainen, olen vain pettynyt ..."

Pienet suositukset: Jos rakastat tätä artikkelia, jaa se ystävillesi. Jos rakastat pentuja, pelasta yksi. Jos rakastat majoneesia, jäähdytä se.

Katso, me kaikki unohdamme suunnitella jotain satunnaisesti. Se on todella siistiä!

No, se ei ole siistiä ... mutta kuten ... se on kunnossa. Se tapahtuu. Tämä luettelo tekee sinusta parempia. Tai ainakin tietoisempi. Tai ehkä annat sille vain pari taputusta, koska tunnustat, että joku vietti aikaa luettelon kuraattoriin ja jatkat elämääsi. NBD. Minusta on kyse noista clapsista ja siitä bassosta. Jos ensimmäisessä kappaleessa on Meghan Trainor -viittaus, olemme lähtöisin pauhasta.

Tämä on vain luettelo asioista, jotka olet ehkä unohtanut suunnitella. Kun mietit, kuinka yksinkertainen sovellus kuten Instagram tai Snapchat on, on helppo unohtaa, kuinka monta näyttöä, tilaa ja tavaraa menee todella mahtavaan käyttökokemukseen.

  • Sisäänkirjautumisen ja rekisteröinnin jutut
  • Ensimmäinen kokemus
  • Kaikki pienet asiat
  • Käynnistä materiaalit
  • Profiilikappaleet
  • Hullu virtaa

Joten lue nämä, pohdi ja… kuten… älä häiritse PM: täsi.

Kirjaudu sisään Rekisteröidy

1. Splash Screen

Näyttö, joka avautuu, kun käynnistät mobiilisovelluksen tai kirjaudut sisään verkkosovellukseen ja kaikki latautuu.

Tässä on James Jacksonin kaunis

2. Unohtuneen salasanan kulku

Oliko se “abcd1234” tai “1234abcd”? Tämä on tärkeää. Älä unohda sitä.

Majo Puterka ei jätä käyttäjiään lukittuina ulos talosta sateessa.

3. Kiitos rekisteröitymisestä -sivu

Tämä näyttö tulee yleensä sen jälkeen, kun käyttäjä on luonut tilin ja käskevän häntä vahvistamaan sähköpostiosoitteensa.

Mitä seuraavaksi? Kysy Hayley Cattlinilta.

4. Tervetuloa-sähköposti

Tämä kulkee rajan tuotesuunnittelun ja tuotemarkkinoinnin välillä, mutta se on kirjaimellisesti ENSIMMÄINEN vaikutelma, joka käyttäjillesi tulee. Saa se laskemaan. On hyvä aika esitellä tuotteesi omituinen ääni.

Minä todella pidän tästä. Kirjoittaja Brian Golatka.

5. Palvelun ehdot ja tietosuojasivut (ugh)

Tee se vain laillisesti ihmisille. He yrittävät vain välttää oikeussuojan saamista.

Arvostan todella sitä, kuinka Marko Prljic yritti tehdä käyttöehdoista entistä lähestyttävämpiä.

Ensimmäinen kokemus

6. Käyttäjä onboarding

Voit käyttää paljon erilaisia ​​menetelmiä. Tässä on viisi suosikkiani:

Hyvin hyödyllinen, kirjoittanut MuNa.

7. tyhjä tila (t)

Se on kuin muuttaminen taloon, etkä ole muuttunut huonekaluihin. Näyttää aika tyhjältä, vai mitä? Auta käyttäjiäsi antamalla heille työntää oikeaan suuntaan. "Sijoita sohva tänne."

Minusta tuntuu, että Veli-Johan Veromann tykkää supersankarista.

8. Ohje-asiakirjat

Jos olet iso yritys, siellä on todennäköisesti koko joukkue. Mutta he tulevat edelleen vikaamaan sinua piirroksiin ja kuvakaappauksiin. Tämä ansaitsee yhtä paljon (tai enemmän) vaivaa kuin kirjautumissivu tai aktiviteettisyöte.

Maya Gao on erittäin hyödyllinen. Ole enemmän kuin Maya.

9. Käyttäjän oletusprofiilikuva / Avatar

Sosiaalitileillä tai Gravatarin kaltaisilla palveluilla rekisteröityminen on todella auttanut meitä osoittamaan hymyileviä kasvojamme, mutta saat silti yhden kaverin, joka ei koskaan pääse lataamaan profiilikuvaa. Anna sille pieni hohto ja esittele tuotemerkki.

Hermes Strange tekee söpöjä juttuja. Nämä ovat söpöjä AF.

10. Uloskirjauspainike

Valitettavasti sinun on sallittava käyttäjien poistua. Teeskentele vain, että he käyttävät sovellustasi julkisessa kirjastossa, ja heidän on kirjauduttava ulos, jotta jotkut muukalaiset eivät muuta tilin nimeään "Mr. Butts”. Sopimatonta.

Arvaan, että Kristofer varasti todennäköisesti Henrikin lounasrahan. Anna hänen kirjautua ulos ja pakenemaan kohtaus.

Kaikki pienet asiat

11. Sovelluksen alatunniste

Useimmiten oletan, että sivut jatkuvat vain ikuisesti, kuten silloin, kun ihmiset uskoivat, että maailma on tasainen ja vain tavallaan jatkuvaa. Huomaa: Maa ei ole tasainen.

Ash Schweitzer saattaa kadota metsässä jonnekin. Joku auttaa häntä.

12. Selain Favicon

Tiedätkö… sen pienen kuvakkeen, joka näkyy selaimen välilehdellä. Kadon Medium-välilehdet, koska se ei ole enää vihreä. Mutta se on hieno!

Michael Flarup teki loistavan favicon-mallin, jonka voit ladata.

13. 404-sivu

Rizvan on juuttunut siihen reikään. Mene auttamaan häntä.

14. Oletusasetus / Hover / Focus / Pressed / Disabled / jne. Syöttötilat

Ugh, niin monia valtioita. ”Focus + Hover” saattaa olla suosikkini / hämärtyvin. Seuraava kuvakaappaus on peräisin UX-sähkötyökalujen suunnittelujärjestelmästä.

Sivuhuomautus sivuprojektiini, sinun tulee ehdottomasti tutustua siihen:

15. Sarkainjärjestys

Välilehtijärjestys on esteettömyysominaisuus, jonka avulla käyttäjät voivat navigoida sivulla Tab-näppäimellä. En löytänyt kuvaa kuvaavaa kuvaa, joten otin kuvakaappauksen Christian Beckin vuodelta 2007 kirjoittamasta teknisestä kuvauksesta, jossa hän määritteli välilehtijärjestyksen sijainnin taulukossa jokaiselle UI-säätimelle taulukossa (kyllästyin edes kirjoittaessani sitä that… SnoozeFest 2017 ™). Voit itse määrittää järjestyksen, jossa kohteita käydään varmistaaksesi, että ensisijaiset toimet ovat ennen toissijaisia. Tämä on siisti suunnitteluhaaste.

Ahhh, päivät, kun kirjoitit 80-sivun tekniset tiedot ja vesiputouskehityksen.

16. Vierityskäyttäytyminen

Ei vain siitä, missä ja miten se vierii, mutta myös sen, mikä oikeasti vierittää. Onko otsikko kiinteä? Alatunniste?

Voi mies, Peter Blazej, tämä tuntuu sujuvalta. Kiva!

17. Intercom-painike

Tarkoitan vähiten mitä voit tehdä, on saada se vastaamaan sovelluksesi värejä. Tule ihmiset. Se ei ole rakettikirja.

Tämä on helpompaa kuin tehdä viljakulho.

18. Sivunäppäimet

Olettaen, että et ole valinnut ääretöntä vieritystä, käyttäjän täytyy tarvita tapa päästä sivulle 27. Anna heidän!

Borunda teki hienoa työtä. Rakasta sitä keltaista, Borunda!

19. Kohdistimet

Painikkeissa tulisi olla osoitin. Ei-vuorovaikutteisissa asioissa tulisi olla oletusosoitin. Tekstissä tulisi olla tekstikohdistin. Kehittäjät eivät aina tiedä tätä. Äskenin vain sovelluksen näytön toisena päivänä, kun kehittäjällä oli tekstikohdistin painikkeen leijutustilaa varten. Armo.

Jeff Broderick RAKASTAB napsauttamalla tavaroita. Hän teki myös ilmaistarjouksen.

20. Taulukon lajittelu / suodatus / hakumekanismi (t)

Siellä on oltava nopeampi tapa päästä ZZ Topiin siinä ”Bands with Beards” -taulukossa…

Eugen Esanulla on poikkeuksellinen silmä suodatusmekanismeille ja violetti / keltainen kombo. Kiva.

21. Ei tuloksia - tyhjät valtiot

Joskus etsit jotain tai lisäät liian monta suodatinta, eikä tuloksia ole. Kuinka surullista. Piristä käyttäjiäsi näppärällä kuvalla. Tai pankkitilisi ja reititysnumerosi.

Reiner Wendland kattoi melko kaiken Zendeskin puolesta.

22. Virhetilat

Huono syöte. Väärä salasana. Olemassa oleva tili. Liian monia asioita valittu. Asiat voivat mennä pieleen monella eri tavalla, varsinkin jos olet isoäiti ja sinulla iPad jouluksi. Se oli virhe.

Mike Stezycki todella sai minut ajattelemaan, että sähköposti lähetettiin. Sitten hän oli kaikki:

23. Järjestelmäilmoitukset

Järjestelmä tekee aina jotain verhon takana, ja joskus on hienoa tietää, kun asiat loppuvat onnistuneesti (tai eivät). Sinun on ehdottomasti ilmoitettava siitä käyttäjälle.

Tämä on Google Inboxista. Kumoa on todella kätevä, kun poistat

24. Tyhjä automaattisen täydennyksen pudotus

Automaattinen täydennys on mahtavaa auttaa sinua löytämään kohteita järjestelmästä, mutta joskus tuloksia ei ole. Tässä tapauksessa et halua vain tyhjää laatikkoa. Näytä pieni viesti tai anna heidän ryhtyä jonkinlaisiin toimiin.

Ilmeisesti Jurriaan van Drunenilla ei ollut jo nyt ”rintalihaa” hänen yhteyshenkilöissään. Todennäköisesti paras.

25. Kuormaustila

Tietysti ihmiset luulevat todennäköisesti puhelimissaan sivun latautuessa, mutta jos he todella etsivät seksikkästä pyyhkäisemisestään, todennäköisesti pitäisi olla jokin visuaalinen merkki siitä, että tavaraa ladataan edelleen.

Ei paras pannun kääntömuoto, XPLAI. Jatka harjoittelua. Mutta tämä on silti tuskallisen ihanaa.

Käynnistä materiaalit

26. Frigginin sovelluskuvake

Joo, on luultavasti parasta, että et unohda tätä.

Olen valmis panostamaan, että Eddie Lobanovskiy muutti kaikki hänen kuvakkeet aamiaisruoiksi. Herkullinen.

27. App Store -kuvat

Daniel Beere ei unohtanut sovelluskaupan kuvia sovellukselleen. Korkea viisi, jätkä.

28. Avoin kuvaaja / sosiaaliset kuvat

Tämä kuva näkyy, kun twiitit linkkiä Twitterissä, kirjoitat viestin Facebookissa, linkin Mediumiin jne.…

Kristy T on virallisesti carless. SF tekee sen sinulle.

Näin se näyttää keskisuurtena:

29. Verkkosivuston markkinointikuvat

Älä myöskään unohda, he todennäköisesti haluavat saada verkkosivun näyttämään raidasta, joten kopioi tämä tarkalleen:

Ja jos olet suunnittelija Redkixissä, sinun on varmistettava, että kuva toimii purppura.

30. Myyntikannen kuvat

Olet todennäköisesti hyvä, jos käsittelet yllä olevaa. Mutta tässä tapauksessa sinun on todennäköisesti pestävä sisältöä vastaamaan tuotemerkkiä kaikissa 6-lukuisissa kaupoissa, joissa loistava myyntitiimi työskentelee.

Voi ja myynti kattaa todennäköisesti kaikki mallisi muilla asioilla, joten varaudu siihen.

31. Pitch Deck -kuvat

Kuin myyntikannan kuva, mutta hieman visionääri. Tarkoitan ... yrität kerätä rahaa. Selvyt, miten se on mahdollista myöhemmin.

Tässä on liikesalaisuus. Laita kojetaulut aina kansiosi.  Tämä ei ole vitsi.

32. Tuotejahtikuvat

Hei, he vain päivittivät myös profiilisivut!

Kaipaan edelleen Medium 2.0: ta, mutta jokainen  saan  auttaa  minua liikkumaan  eteenpäin.

33. Facebook / Twitter-mainoskuvat

”Mutta emme näytä Facebook-mainoksia!” Ha, kunnes olet. Ja sitten kukaan ei kerro sinulle. Tee niistä jo ja olet turvassa.

Kesti jonkin verran kaivamista löytääksesi mainoksen, joka EI olisi Casper-patjalle. Tulet tappamaan pelin, Casper.

34. Sosiaalisen median profiilikuvat

Jep, sinun täytyy tehdä yksi kaikista 938 sosiaalisesta verkostosta. Onneksi teimme luonnostyökalun nopeuttaaksesi sitä sinulle. Tervetuloa, kiddos.

35. Käynnistä sähköpostipalkki

Kolminkertaiset pisteet, jos teet siitä kuvan. Nykyinen.

^ muuten, tämä on virastoni uutiskirje ja työtoverini kirjoittavat todella erinomaista sisältöä. Rakastamme sitä, jos tilaat!

Tässä on joitain viimeaikaisia ​​suosikkeja:

Profiilikappaleet

36. Ilmoitusasetukset

On mahtavaa, kun sovellukset ilmoittavat sinulle, kun asiat tapahtuvat, ja jopa viileämpi, kun se soittaa trumpettiäänen. Mutta 19. kerran olet kyllästynyt trumpetteihin. Sinun pitäisi todennäköisesti antaa käyttäjän päättää, kun trumpetit kuulostavat.

Slackista ei tullut 8 miljardin dollarin yritystä vähentämällä ilmoitusasetuksia !! Onnistui.

37. Laskutussivu

Älä unohda, että ihmisten on saatava kopioita laskuistaan ​​maksamaan tuote, josta he maksavat sinulle tuhansia dollareita. Ja jotkut ihmiset muodostavat idioottisen IT-osaston toimistolleen, eivätkä voi kestää kuinka vaikeaa on löytää tämä. joka. yksittäinen. kuukausi. Hän ei ole katkera.

En tiedä mitä tämä tarkoittaa, mutta tänne oli helppo päästä!

38. ”Poista tili” -vaihtoehto

Selvä, tiedän. Kukaan ei tee tätä. Mutta hei, ehkä he alkavat avata uuden tilin joskus! Aivan kuten ihmiset, jotka ohittavat kioskin ostoskeskuksessa ja sanovat: "Palaan myöhemmin takaisin ja ostan kolme!"

Tälle on perusteltuja syitä, jotka ovat myönteisiä. Olen poistanut tilit yhdistyessäni suurempaan joukkuelisenssiin. Olen poistanut vanhat tilit, jotka keräsivät pölyä, ja halusin aloittaa tuoreena. Joka tapauksessa on hyvä asiakaspalvelu tehdä siitä myös hyvä kokemus.

Pssst, arvoisa presidentti, voit deaktivoida tilisi täällä.

39. Profiilikuvien rajaus -työkalu

No, tämä on kaatopaikan painajainen skenaario useimmille sovelluksille, eikä sen tarvitse olla. Minulla oli Christian lähettänyt minulle kuvakaappaus aikaisemmasta, kun hän vaihtoi profiilikuvansa Beyoncéksi.

Hän ei voinut edes mennä tämän näytön ohi näyttääkseen kuinka se rajasi kuvan. 2/10 tähteä. En laita rengasta siihen.

40. Vaihtoehto “Päivitä tili”

Se hämmentää mielestäni, kuinka vaikea tämä on monille SaaS-tuotteille. Ole hiljaa ja ota rahani. Eikö sen pitäisi olla helppoa ?! Kuten… helpointa ?!

Puskurissa on päivitettävä valikkokohta sitten melko yksinkertainen muoto. Bam. Sinulla on rahani. Tapa mennä, puskuri.

Hullu virtaa

Loppujen lopuksi olet suorittanut kaikki aiemmat asiat ja luulet olevan kotona ilmainen - sitten kirjaimellisesti alkaa mennä kotiin päiväksi ylpeänä siitä, kuinka pallo olet.

Sitten puolivälissä kotiin fixillesi, siemaillen kombuchaa kamelibakistasi, muistat, että kehitys ei ole vielä alkanut! # $% @

Kun kehitys on alkanut, huomaat, että pelkästään yhden näytön pilkkaaminen ei oikeastaan ​​kerro tarinaa (se on siistiä, me kaikki yritämme olla laiskoja). Kehittäjien täytyy sinun tosiasiallisesti eritellä, kuinka käyttökokemus kulkee näytöltä näytölle.

41. ”Change My Address” -virta

Tiedätkö, kun saat uuden tyylikkään uuden asunnon keskustassa, ja sinun on vaihdettava osoitteesi jokaisella luottotiedoillasi, jotka olet jo omistanut?

Dhaval S. Gandhi haluaa varmistaa, että hänen aloeveransa on kuljetettu oikeaan paikkaan.

42. ”Lisää luottokortti” -virta

Jotkut ihmiset (ahem, minä) haluavat pitää kuin sata luotto- tai pankkikorttia tiedostossa, jotta varkaiilla on paljon tilejä, joista valita. Joten tee korttien lisääminen helpoksi. Se on todella kaikki mitä minun on sanottava siitä.

Tämä näyttää aivan liian todelliselta, Carlos Medina. Ei sidoksissa, ostin juuri uusia kenkiä eikä se maksanut senttiäkään!

43. ”Bulk Add” -virta

Yksi asia on tehdä objektin lisääminen järjestelmään nopeasti, mutta täysin eri asia on tehdä joukko objektteja järjestelmään nopeasti.

Ole hyvä ja sir, voisinko saada lisää?

44. ”Luo ​​mukautettu suodatin” -virta

Jos sallit hienostuneen suodatuksen, voi olla hienoa lisätä kyky tallentaa tämä monimutkainen suodatin myöhempää käyttöä varten. Tällä tavalla sinun ei tarvitse napsauttaa miljoona kertaa uudestaan.

Oykun Yilmaz voisi viedä tämän askeleen pidemmälle sallimalla käyttäjän tallentaa tämän suodattimen. Tee se, Oykun!

45. ”Lisää ostoskoriin” -virta

On tavallaan hauskaa ajatella, että ihmiset unohtavat tämän virtauksen, mutta tiedätkö ... Minä olen yksi niistä ihmisistä. Turpa kiinni.

Ilmeisesti Alberto Conti tarvitsi 4 tuolia ja 4 sivupöytää. Täytyy olla iso talo ...

46. ​​”Jaa tämä” -virta

Jakamisesta on tullut melko yleistä verkossa, mutta se ei tarkoita, että se on jo suunniteltu sinulle. Vielä enemmän syitä viettää aikaa tähän.

Tomek Kwiatkowski todella tietää miten saada sosiaalinen.

47. ”Luo ​​olemassa olevasta” -virta

Tämä on kuin "Kopioi + Muokkaa" kaikki yhdellä toiminnolla. Periaatteessa käyttäjä pystyy aloittamaan olemassa olevasta objektista ja päivittämään sen tarpeen mukaan.

Kyle Johnston kirjoittaa PALJON skriptejä. Ehkä salaa Christopher Nolan?

48. Kutsu joku -virta

Ei ole muuta tapaa lisätä viraliteetti tuotteeseesi kuin kutsujen ja jakamisen kautta. Katsoen sinua Dribbble. Varmista, että se on helppoa, nopeaa ja hauskaa!

Luulen, että Paula Pintaric ja Christine ovat matkalla. Tai he työskentelevät projektin parissa ja katsovat muiden lentävän. Se on pahempaa.

49. ”Muuta käyttäjän oikeuksia” -virta

Tunnetko sen kaverin Gregin? Tiedätkö kuinka hän ruuvaa kaiken, mitä koskettaa? Joo, saatat haluta peruuttaa joitakin Gregin etuoikeuksista vain, jotta hän ei poista koko Internetiä. Typerä Greg.

Matt Shwery puolestaan… paljon vähemmän nyrkkipäätä kuin Greg.

50. ”Poista ja palauta” -virta

Tiedätkö, kun poistat jotain SUPER-tärkeää ja tarvitset sen takaisin välittömästi? Ei? Hyvä on.

Eric Tsai ymmärtää, että me kaikki teemme virheitä.

BONUS # 51. animaatiot

Täydellinen paljastuminen, unohdin itse itseni näistä. Katso, rakastan animaatioita, mutta minulla on onni, jos meillä on ylellisyyttä rakentaa näitä, kun myynti haluaa prototyypin, joka tehdään eilen, ja kehitys osoittaa jotain, jonka olen täysin unohtanut aloitussivun 8. toistossa. Ja rehellisesti, jos pääsemme animaatioihin lainkaan, tutkin vain Dribbblea tai CodePeniä ja lähetän jotain, jonka haluan kehittää ja sanon: "Tee siitä sellainen!" Olenko minä?

En ole.

Yhteenveto

Kirjoitat todennäköisesti raivoisasti luetteloa kaikesta, jonka unohdin tämän artikkelin yhteydessä. Voit vapaasti muistuttaa minua kommenteissani. Suunnittelijoilla on noin miljoona asiaa muistaa suunniteltaessa MVP-tuotteita tai suuria ominaisuuksia yrityksen ohjelmistoalustaan. Toivottavasti tämä voi ainakin olla kätevä viittaus, joka auttaa muistuttamaan seuraavasta projektistasi.

Kun en yritä muistaa jokaista pientä asiaa (hän ​​on taikuutta), työskentelen UX Power Tools -yrityksen Sketch-suunnittelutyökaluilla tehdäkseni sinusta paremman, tehokkaamman suunnittelijan. Voit oppia lisää täältä:

Seuraa UX-sähkötyökaluja Twitterissä
Seuraa minua Twitterissä