Efni.
- Móttækileg aðferðafræði
- Hvernig geymi ég efni fyrst?
- Af hverju?
- 01. Skilgreindu markmið fyrirtækisins þíns og notenda
- 02. Vísaðu til þeirra hvert tækifæri sem þú færð
- 03. Ekki vera hræddur við að ýta aftur
- 04. Ýttu líka á þitt eigið lið
- 05. Skilgreindu allt efnisþörfin þín framan af
- Hvernig dreg ég út efni frá kynningu?
- Við verðum að hætta að hugsa um innihald út frá útliti
- Þvingaðu viðskiptavini þína til að skipuleggja efni þeirra óháð hönnun
- Ljúktu við efni þitt áður en þú hannar
- Notaðu raunverulegt efni - í hvert skipti
- Svo hvernig virka rammar fyrir móttækileg hönnunarverkefni?
- Teikning
- Rammi í vafra
- Skýringar
- Notaðu raunverulegt efni í víramma
- Hvernig hanna ég fyrst fyrir litla skjái?
- Abstrakt hönnun úr tækjum í byrjun
- Notaðu Style Flísar
- Búðu til viðmót viðmóts
- Skoðaðu allt í vafranum
- Komdu í jafnvægi með kyrrstæðum forritum
- Niðurstaða
Við skulum vera skýr: hönnun er aðeins lausnin ef hún einbeitir sér að dýpri málum hverju sinni, hvers vegna á bak við allt. Traust ferli ætti alltaf að leiðbeina starfi okkar en við þurfum að faðma eitthvað sveigjanlegra. Miðillinn okkar hefur loksins reynst vera vökvi, ætti ekki ferli okkar að fara? Hugsaðu um kerfishönnun: þú þarft að sjá bæði heildarmyndina og litlu smáatriðin. Ómögulegt? Langt frá því!
Frank Chimero orðar það fallega í bók sinni The Shape of Design: „Það er hluti þar sem listamaðurinn stígur aftur frá blaðinu til að öðlast nýja sýn á verkið. Málverk er jöfnum hlutum nær og fjær: þegar hann er nálægt vinnur listamaðurinn mikið til að setja svip sinn á; þegar langt er liðið metur hann verkið til að greina eiginleika þess. Hann stígur til baka til að láta verkin tala til sín. “
Við verðum að láta verk okkar, miðilinn okkar, tala við okkur. Með hækkun móttækilegrar hönnunar erum við loksins að faðma miðilinn okkar eins og hann átti að vera: vökvi. Það er ljómandi tími til að stíga til baka og meta verkið, greina og faðma nýja leið til að gera hlutina, nýtt ferli. Dagar eru liðnir af kyrrstöðu spottum og vefhönnuðum sem skilja ekki kóða. Það er kominn tími fyrir móttækilegt ferli.
Móttækileg aðferðafræði
Við ætlum að gefa upp stóra leyndarmálið fyrir traust ferli strax í byrjun þessarar greinar. Vegna þess að við erum brjáluð svona. Tilbúinn? Móttækilegt ferli er ábyrgt ferli. Óljóst? Kannski. Kjánalegt? Nei. Eins og hreyfing staðla fyrir vefinn er móttækileg hönnun að ýta vefnum áfram með framtíðarvænum aðferðum.
Eins og hvert hönnunarferli ætti það að einbeita sér að „hvers vegna“ á bak við þetta allt. Svo hvers vegna eru vefsíður til? Að skila efni. Þetta gæti verið verkefni sem byggist á, félagslegt, upplýsandi ... það skiptir ekki máli. Allt kemur þetta niður: byrjaðu á því hvers vegna, vel uppbyggðu efni og samskiptum sem skipta máli.
Hér eru spurningarnar sem við heyrum oftast um móttækilegt hönnunarferli okkar.
Hvernig geymi ég efni fyrst?
Við erum öll svo bjartsýn í upphafi verkefnis. „Efni fyrst!“ við segjum. „Notendamarkmið! Mundu hvað er mikilvægt! “ Það er satt. En hvað þýðir það? Hvernig framkvæmir þú fyrsta innihaldsferli?
Jafnvel ef þú veist (eða heldur að þú vitir það) er auðvelt að gleyma því þegar líður á verkefnið. Langtímaverkefni hafa tilhneigingu til að draga áfram og áfram (og á ... og á ...). Við hættum að hugsa um hvers vegna og byrjum að einbeita okkur að því hvernig. Við blekkjum okkur til að halda að verkefnum okkar sé hægt að skipta í aðskilda „uppgötvunar“ og „þróunar“ stig sem geta verið sjálfstæð.
Sannleikurinn er sá að við verðum að spyrja af hverju, allan tímann. Sama hversu mikið þú heldur að þú vitir, sama hversu mikla skipulagningu þú hefur gert - í hvert skipti sem þú tekur ákvörðun, í hvert skipti sem þú hannar hnapp eða skrifar fyrirsögn, verður þú að spyrja ...
Af hverju?
Af hverju er ég að þessu? Fyrir hvern er það? Hvaða viðskiptamarkmið mun það hjálpa viðskiptavini mínum að ná? Hvaða þörf mun það hjálpa notendum mínum að takast á við? Ekki bara halda efni fyrst. Haltu fyrst af hverju.
Þetta gerir það hljóð auðvelt. En til að gera það vel þarftu að ýta. Ýttu á viðskiptavini þína og teymi til að skilgreina hvers vegna fyrst. Enginn Lorem Ipsum, nei ‘við komumst að því seinna’. Gera heimavinnuna þína! Allir þínir þurfa að byrja á góðri ástæðu. Á gulum blýanti hefur þetta þýtt miklar breytingar á því hvernig við kasta, áætla, gera fjárhagsáætlun og skipuleggja verkefni. Við höfum þurft að leggja áherslu á fjárhagsáætlun og tíma til að gera traustar rannsóknir, stefnumótun og skipulagningu. Þú gætir líka. En þegar viðskiptavinir þínir og teymi þín sjá gífurlegan ávinning af því að skilgreina efnisþarfir framan af munu þeir aldrei líta til baka.
Og það er okkar starf að mennta þá. (Lestu framúrskarandi bók Mike Monteiro Design is a Job ef þú vilt læra meira um samskipti við viðskiptavini.) Viðskiptavinir geta átt erfitt með að skilja gildi þess að vinna allar þær rannsóknir og vinna framan af. Og af hverju ættu þeir að gera það? Þeir fá ekki neitt ‘fullunnið’ í lokin - og allt of oft fá þeir bara reikning og stórt ol ’Word skjal.
Það er ekki þeim að kenna - það er okkur að kenna. Það er á okkar ábyrgð að vinna betur að því að sýna fram á það gildi. Hvert fótmál verðum við að færa það allt aftur til mikilvægustu hvers vegna.
Þetta er sérstaklega mikilvægt fyrir móttækilega hönnun. Móttækileg vefsíða krefst ekki miklu meiri þróunaráreynslu, en það þýðir miklu meiri skipulagningu. Raunverulega þó, það er áætlun sem við hefðum átt að vera að gera allan tímann. Verið vitni að núverandi endurhönnunarferli á þriggja ára fresti. Viltu halda því áfram? Við gerum það vissulega ekki.
Svo hér eru þrjú skref til að halda efni fyrst í verkefnaferlinu.
01. Skilgreindu markmið fyrirtækisins þíns og notenda
Settu upp forgangsröðun yfir viðskipti og markmið notenda fyrir verkefnið þitt. Hvað vilja notendur þínir helst vita eða gera? Gerðu rannsóknir þínar. Gera upplýstar ályktanir, ekki villtar ágiskanir. Fáðu alla hagsmunaaðila þína til að samþykkja.
02. Vísaðu til þeirra hvert tækifæri sem þú færð
Í hvert skipti sem þú tekur ákvörðun, í hvert skipti sem einhver leggur til nýjan eiginleika eða hönnunarþátt, eða innihaldssíðu, færðu þá til að kortleggja beiðnina að viðskipta- og notendamarkmiði. Hvaða raunverulegu þörf mun þessi eiginleiki uppfylla? Hver er hin raunverulega ástæða? (Vísbending: ‘Vegna þess að ég vil’ eða ‘mér líkar mjög við blátt’ eða ‘allir eru á Facebook’ telja ekki.)
03. Ekki vera hræddur við að ýta aftur
Þetta getur verið erfitt. Samskipti viðskiptavina geta verið viðkvæm og það getur verið freistandi að láta af baráttunni um að vinna stríðið. En mundu, við erum öll í þessu saman! Það er ekki viðskipti á móti notendum; okkur vs þeim.
Að mæta þörfum notenda er besta leiðin til að mæta þörfum fyrirtækisins. Vegna þess að án notenda okkar höfum við ekki viðskipti! Viðskiptavinir (góðir viðskiptavinir) eru ekki að ráða þig til að segja já við öllu. Svo ef viðskiptavinur þinn biður um eitthvað sem uppfyllir ekki markmið þeirra eða þarfir notenda þeirra, ekki vera hræddur við að skora á þá. Þetta snýst ekki um egó. Það snýst um að búa til bestu mögulegu lausnina.
04. Ýttu líka á þitt eigið lið
Þetta getur líka verið áskorun þegar unnið er innan skapandi teymis. Aðgreining á hlutverkum - sjónræn hönnun, notendaupplifun, upplýsingaarkitektúr, efnisstefna, efnisframleiðsla - getur leitt til misskilnings. Við verðum upptekin, okkur ofbýður tölvupósti. Það er erfitt að vera með verkefni frá upphafi til enda, sérstaklega þegar „þínu“ verki er lokið.
Samband liðs þíns er að minnsta kosti jafn mikilvægt og samband viðskiptavinar þíns. Við verðum að minna okkur á hvers vegna, rétt eins og við gerum viðskiptavini okkar. Samstarf er lykilatriði. Þú getur ekki einfaldlega „afhent“ efnisáætlun, eða víramma eða hönnun. Eins og mögulegt er verðum við að vinna hönd í hönd. Það er auðvelt að ‘klára’ afhendingu og fara yfir í eitthvað annað. Það er miklu erfiðara að vera áfram með verkefni þegar erfiðleikar verða.
Foss nálgun við skapandi vinnu virkar bara ekki. Lipur, samstarfsvinna milli liðsmanna skilar betri árangri.
05. Skilgreindu allt efnisþörfin þín framan af
Hérna er málið: móttækileg vefsíður taka lengri tíma að skipuleggja. Við erum ekki bara að skipuleggja eitt samhengi lengur. Við erum að skipuleggja allt samhengi sem við vitum um núna og sumt sem er ekki til ennþá.
En það tekur mun skemmri tíma að skipuleggja allar þessar flækjur að framan en það að fara til baka og endurbæta eiginleika og aðgerðir sem þú gerðir ekki grein fyrir. Svo eyða tíma / fyrirhöfn / fjárhagsáætlun. Þvingaðu viðskiptavini þína og teymi til að skilgreina (og skuldbinda sig!) Allt efni þeirra áður en þú ferð í hönnun. Notaðu blaðsíðutöflur. Notaðu skipulagt efni. Framtíðarvarið innihaldið þitt núna! Eða gráta seinna.
Hvernig dreg ég út efni frá kynningu?
Þú heyrir þetta mikið í kringum internet-o-kúluna. En bíddu, hvað? Og bíddu - af hverju?
Vegna þess að framsetning getur (og mun) breytast. Leiðin sem við hönnuðum vefsíður fyrir 15 árum er næstum óþekkjanleg frá því hvernig við kynnum þær núna. En þú veist hvað hefur ekki breyst? Orð. Við notum þá enn. Internetið er fyrst og fremst til fyrir (textabundið) efni. Við notum það enn til að leysa upplýsingavandamál; að vinna verkefni. En ef efnið þitt er háð framsetningu (Flash kynningarsíður, einhver?) Þá eru sannarlegar líkur á að það verði ekki nothæft eftir nokkur ár. Og það sýgur.
Við verðum að hætta að hugsa um innihald út frá útliti
Við (sem atvinnugrein) höfum þjálfað viðskiptavini okkar í að hugsa um efni hvað varðar skipulag. „Settu það í hliðarstikuna,“ segjum við. „Þetta ætti að fara í fótinn.“ Hættu! Stöðva það. Hættu. Þetta snýst ekki um staðsetningu. Þetta snýst um forgang. Hvað er mikilvægasta efnið fyrir notendur þína? Því giska á hvað: skipulag breytist þvert á samhengi. Það verður (líklega) ekki hliðarslá á litla skjáhönnuninni þinni.
Risastór ofurvalmyndin sem viðskiptavinur þinn vill? Ætlar ekki að fljúga á iPhone.
Þvingaðu viðskiptavini þína til að skipuleggja efni þeirra óháð hönnun
Allt í lagi, þú þarft ekki að þvinga þá. Hvetjum þá. Hvet eindregið. Síðu töflur eru frábærar fyrir þetta. Ef þú hefur ekki þegar lesið það skaltu fara strax í innihaldsstefnu Kristinu Halvorson og Melissa Rach fyrir vefinn til að fá frekari upplýsingar um hvernig á að búa þau til. Skipuleggðu þá í forgangsröð. Ekki vísa til staðsetningar eða útlits. Þetta mun hjálpa viðskiptavinum þínum að hugsa um innihald þeirra á afkastameiri hátt og mun einnig koma til með að búa til innihaldsferli áður en víramma eða hönnun er lokið.
Ljúktu við efni þitt áður en þú hannar
Allt í lagi, þetta er ekki alltaf mögulegt. En því meiri óvissu sem þú getur eytt áður en þú byrjar að hanna, því minna verður þú að fara til baka og breyta hlutum síðar.
Notaðu raunverulegt efni - í hvert skipti
Ef mögulegt er, notaðu efni í brúnmáli - sýndu viðskiptavinum þínum flóknustu síður, myndir og valmyndir. Þetta mun forðast að koma á óvart síðar á ferlinu þegar þeir sjá sóðalegasta innihald sitt í fullunninni vöru.
Hagnýt vírammar í vafra gera gæfumuninn. Leyfðu viðskiptavinum þínum að fylgjast með efni þeirra hreyfast og breytast á ýmsum skjástærðum. Bentu á það þegar þú kynnir vírammana þína (þú ert með kynningar persónulega, ekki satt?) Sýndu þeim hvernig forgangur upplýsinga þeirra er sá sami yfir skjástærðir, meðan skipulagið breytist.
Svo hvernig virka rammar fyrir móttækileg hönnunarverkefni?
Við erum sannfærðir um að samskiptahönnun fyrir RWD verði að komast fljótt og oft inn í vafrann. Það er nokkurn veginn ómögulegt að búa til kyrrstætt skjal sem mun lýsa öllu. Vissulega gætum við búið til skjal sem sýnir fram á þrjá, fjóra eða fimm brotpunkta, en það er aðeins brot af sögunni. Hvað með öll augnablikin á milli brotpunktanna? Það gerist í vafranum.
Teikning
Það er samt gott að geta fljótt skissað hugmyndir þínar saman. Þetta þarf ekki að gerast í neinum sérstökum miðli, en það er bara eitthvað um blýant á pappír. Allt málið er að fá hugmyndir út fljótt og ítrekað. Við elskum að teikna þegar mögulegt er og það er meira að segja forrit fyrir það: HÍ Sketcher.
Rammi í vafra
Hér er raunverulegi miðinn fyrir okkur. Við elskum að endurnýta mynstur og kerfi þegar sýnt er fram á RWD í vafranum. Auðvitað gætum við búið til okkar eigið kerfi frá grunni í hvert skipti, en það hjálpar ekki okkur eða viðskiptavinum okkar.
Okkur langar líka til að nota hröð svörun frumgerðarramma eins og Bootstrap á Twitter eða Foundation Zurb. Við hallumst persónulega að Foundation vegna þess að það passar í vinnuflæði okkar. Það væri frábært ef annar hvor myndi taka litla skjá, litla bandbreidd og fyrstu nálgun, en það er bara hvernig við rúllum.
Skýringar
Skýringar fyrir vírramma RWD eru nauðsynlegar en við finnum að oft er litið framhjá þeim. Segðu það upphátt: skjöl, skjöl, skjöl! Við höfum séð nokkur dæmi um þetta frá vinum og teljum að dómnefndin sé ennþá á „bestu“ leiðinni til að skrifa réttar athugasemdir við móttækilegar víramma í vafra. Eins og getið er hér að framan notum við Foundation frá Zurb reglulega og viljum gjarnan nota Reveal viðbótina sína til að birta athugasemdir okkar. Þessar athugasemdir birtast aðeins fyrir stærri skjái og helst er hægt að kveikja og slökkva á þeim.
Notaðu raunverulegt efni í víramma
Mikil umræða hefur verið í kringum Lorem Ipsum í vírramma og hönnunar mock-ups, en ef þú ert ekki með raunverulegt efni í víramma þínum, þá ertu að gera það vitlaust. Innihaldið upplýsir ákvarðanir um samskipti og segir þér hvenær hönnun mun brotna. Hvernig getur Lorem Ipsum gert það?
Hvernig hanna ég fyrst fyrir litla skjái?
Í mörg ár hönnuðum við með ákveðna upplausn í huga. Það var sjálfgefin stilling. Hvort sem skissað var í fartölvur, vírritað í OmniGraffle, unnið í Photoshop eða hannað í vafranum, þá vissum við hver strigastærð okkar var að verða. Þeir dagar eru liðnir. Við erum mjög trúaðir á að hanna fyrir litla skjáinn fyrst og auka smám saman. Svo hvernig breytir hönnuður vinnuflæði sínu frá fastri strigastærð í fljótandi?
Abstrakt hönnun úr tækjum í byrjun
Nema við séum að hanna fyrir ákveðið tæki er nauðsynlegt að við hættum að hugsa um tæki og förum að hugsa um reynslu. Allar eftirfarandi aðferðir hjálpa hönnuðum að búa til reynslu sína meðan þeir geta verið áfram agnostískir (allt að vissu marki).
Notaðu Style Flísar
Notaðu Style Flísar til að koma á stefnu og endurtekja hratt. Stílflísar gera hönnuði kleift að setja stefnu hönnunarkerfis án þess að verða of sérstakur. Höfundur þeirra, Samantha Warren, lýsir þeim á þennan hátt:
„Stílflísar eru fyrir þegar skapbrettið er of óljóst og samsetningin er bókstaflega. Style Flísar koma á beinni tengingu við raunverulega viðmótsþætti án þess að skilgreina skipulag. “
Búðu til viðmót viðmóts
Ímyndaðu þér striga með öllum sjónrænum og gagnvirkum atriðum sem saman eru komin. Ekki til að sjá sérstakt skipulag HÍ heldur til að sjá hvernig allir þættir vinna saman. Þetta er tengi viðmót striga. Samræmisstrig viðmóts gerir hönnuði kleift að halda hugmyndum saman, en einbeita sér ekki að neinni skjástærð. Auk þess er það frábær leið til að koma á skilvirkan hátt á framfæri og skjalfesta hönnuð atriði frekar en að framleiða fullan stílhandbók.
Ef þú hefur áhuga á að lesa frekar, þá er að finna tvær framúrskarandi greinar um samræmisviðmótið hér og hér.
Skoðaðu allt í vafranum
Það þarf að koma öllu saman í vafranum. Þetta er þar sem hönnun HÍ lifnar raunverulega við. Það skiptir sköpum að sjá hvernig raunverulegt innihald hefur samskipti við sjónræna þætti. Það er engin leið að gera þetta almennilega í kyrrstöðu. Þú verður að sjá hvernig það mun bregðast við móðurmálinu.
Komdu í jafnvægi með kyrrstæðum forritum
Það er flæði milli vafrans og truflana forrita eins og Photoshop. Það ætti að vera jafnvægi sem gerir kleift að búa til hönnunarkerfið á fljótandi og náttúrulegan hátt. Jú, þetta mun gerast í Photoshop en hönnuður sem er að hanna með viðbrögðum þarf að læra hvernig á að hugsa skapandi líka í vafranum.
Niðurstaða
Enn og aftur, með tilfinningu: byrjaðu á því hvers vegna, með vel uppbyggðu efni og samskiptum sem skipta máli. Einbeittu þér fyrst að litla skjánum og lítilli bandbreidd og efldu smám saman móttækileg hugtök. Miðillinn okkar er að verða fullorðinn. Við höfum tækifæri til að gera hlutina rétt og breyta heiminum, eitt vefverkefni í einu.
Finndu bestu 20 vírritunarverkfæri fyrir hönnuði
Steve Fisher samhæfir rannsóknir, greiningar, hönnun og stefnumótun hjá Yellow Pencil í Kanada og talar um efni eins og RWD, UX og open source. Alaine Mackenzie er innihaldsstrategi hjá Yellow Pencil.
