Dizajn od nule: prazno platno

Prazno platno. moglo bi biti i sam vrag. Potpuno ništavilo. I nije samo na toj stranici pred sobom; okružuje vas i proguta vas cijelu. Nema samo svega i to je svugdje. Krajnja sloboda. Nema smjernica, nema granica.

... pa, odakle početi ?!

1) Zahtjevi

Indeksiranje zahtjeva vašeg projekta može biti u više oblika. Količina napora koji ulazi u ovu fazu određena je raspoloživim resursima i opsegom projekta. Od vitalnog je značaja postaviti cilj na početku svog procesa, čak i ako je on cilj u pokretu.

Primjeri kako započeti stvari:

  • Brzi razgovor s tetkom o tome kako želi putem Interneta objaviti fotografije svoje lepršave pudlice
  • Radionica s grupom inženjera, u kojoj su opisani podaci koje žele razmjenjivati ​​između dvije elektrane
  • Pomisao na tušu, praćena dosadnim putovanjem provedenih razmišljajući o sljedećem potezu za vaš strašan mali sporedni projekt

Poanta ovdje nije u tome što biste uvijek trebali imati dokumentirani opseg problema, jer ponekad je općenita ideja ili smjer dovoljno dobar.

2) Istraživanje

Kao i u prethodnom koraku, i istraživanje može poprimiti različite oblike. Ponekad ćete potrošiti 5 minuta, ponekad ćete provesti 5 tjedana.

  • Zamijenite Google slike ili Dribbble, slobodnim izrazom za pretraživanje
  • Pridružite se nekim mrežnim zajednicama i razgovarajte o rješenjima za svoj UX problem
  • Angažirajte svoje kolege iz Marketinških i UX timova da im istraže potrebe i potrebe ciljne publike vaše aplikacije

Zaista samo želite vidjeti kako drugi rješavaju pitanja koja su trenutno pred vama. Ili povezana pitanja. Ili možda već imate na umu neka rješenja, u tom slučaju bi moglo biti dobra ideja da vidite kako su drugi izvršavali ta rješenja!

Pauza.

John Cleese govori o kreativnosti koja zahtijeva vrijeme. (I vrijeme!) Opustite se. Sjednite i gledajte Netflix. Idite u šetnju sa svojom boljom polovicom. Komunicirajte s nekim strancima. Igrajte neku košarku. Popijte šalicu s jednim prijateljem koji ne prestaje razgovarati. Vježbajte harmoniku. Izgled. Osjećati. Doživite stvari.

Jeste li znali da ćete se, ako budem koristio riječ ćudljiv, uskoro pojaviti i vi? Tako funkcioniraju ljudski mozgovi Nisu slučajni. Oni povezuju informacije zajedno i pretvaraju ih u nove ideje. I što ste se nedavno izložili razmišljanju ili obrascu, veća je vjerojatnost da ćete doći do rješenja kao rješenja.

Zbog toga pauzirate nakon istraživanja i postavljanja cilja. Držite projekt lagano u svojoj glavi, a dijelovi puzzle će početi padati na mjestima oko vas, ćudljivo. (... ovdje sam na misiji.)

Pauziranje zapravo ne treba biti korak 3. Može biti korisno u bilo kojem trenutku gdje ste mentalno blokirani.

3) ograničenja

Olovka do papira. Ne doslovno. Osim ako to nije vaš džem. Slobodno upotrijebite marker i poruku na post-it. Ili bijela ploča. Ili PhotoShop, Sketch, Balsamiq, kutija s LEGO-ima ... što god vas čini ugodnim.

Ovaj dio govori o ograničenjima. Najstrašniji dio o praznom platnu, jest činjenica da vas ništa ne može zadržati. Stvaranje prvih granica dat će vam nešto za rad (u), ležaj ili barem smjer.

Jer prvi dizajn koji stvarate nije ništa drugo do pravokutnik. Nježno je imenovajte "port mog lila".

Ovaj mali pravokutnik upravo je stvorio vaš prvi skup ograničenja. Vaš park s loptom. Ograničava vas na područje, ali daje vam i ciljeve na koje se možete osloniti.

4) Definirajte kontekst

Uz bilo koju vrstu sučelja, pogledajte glavnu sliku prvo, kontekst. Postavite ukupne crte na svoje mjesto. Kao primjer, pogledajmo Google karte, što savršeno ilustrira poantu.

  • Kad uvećate prikaz na Google kartama, vidjet ćete planet
  • Nekoliko povećajte Postoje neke zemlje
  • Više zumiranja - grad Naarden i njegove ulice
  • ... i odjednom, možemo prebrojati kaldrme!

Ovo djeluje i s vašim dizajnom. Uzmite svoj port i počnite ga puštati pravokutnicima. Razmislite prvo. Kako izgleda vaš sadržaj ako ga gledate iz svemira?

  • Koji će dijelovi vaše početne stranice biti posvećeni vašem primarnom proizvodu, vašem sloganu i vašoj misiji?
  • Koji su najprikladniji načini za pregledavanje vaših glazbenih videozapisa? Prikazujete li popis naslova, popis kategorija i / ili mogućnosti filtriranja? Ili samo traka za pretraživanje?
  • Kakav je redoslijed odjeljaka kod vašeg odlaska na jednu stranicu? Prvo o detaljima isporuke? Ili podatke o plaćanju? Kreditna kartica na vrhu?

Čak i kada dizajnirate maleni widget, možete primijeniti tu filozofiju. Razmislite prvo. Nacrtajte velike kvadrate. Popunite detalje kasnije.

5) pojedinosti

Temelje ste iskopali kopanjem ceste i poravnavanjem površine. Sada je vrijeme za ubacivanje kamenjara. Jedan po jedan.

  • Nacrtaj gumb. I njegovih dvanaest država. Aktivna, neaktivna, pred-kupnja, naknadna kupnja, dovršetak, ponovno dostupna, ponovna kupnja, pred-dovršavanje itd.
  • Nacrtajte traku za pretraživanje. I njegovo nagovještavanje pretraživanja. Neke strelice za prikaz načina animiranja dok tipkate. Preliminarno prikazujte broj rezultata pretraživanja.
  • Nacrtajte zupčanik. I padajući gumb prikazan kada ga kliknete. Razmislite o formulaciji svakog predmeta. Dodajte malu značku i ikonu za nadogradnje.

Tu se stvarno vaše platno puni. Sve je u tome kako glačati detalje, sve bliže i bliže prikazivanju najprljavijeg, sirovog oblika vašeg sadržaja.

Predugo, nisam čitao:

Ako se bojite praznog platna, postavite sebi jednostavan postupak kako biste ga započeli puniti.

  1. Uvjeti - proširite svoj zadatak
  2. Istraživanje - istraživačka rješenja
  3. Ograničenja - postaviti jednostavne granice
  4. Definirajte kontekst - prikaz iz daljine
  5. Detaljno - znojite sitnice

… I ne zaboravite odvojiti vrijeme gdje možete. Sjednite s problemom koji pokušavate riješiti i tražite rješenja bilo gdje i bilo gdje. Što više vremena provodite s problemom, to je veća vjerojatnost da ćete ga riješiti na genijalan, osvijetljen i prethodno nezamisliv način.

Učinite gore navedeno i pronaći ćete:

... prazno platno je zastrašujuće samo praznim umom!

Uživate u UX srodnom podmetaču? Želite učiti od kolega dizajnerskih štrebera? Trebam zagrljaj?

Pridružite nam se na Slack chatu United Designera!