Përmbajtje
- Një metodologji e përgjegjshme
- Si mund ta mbaj përmbajtjen së pari?
- Pse
- 01. Përcaktoni biznesin tuaj dhe qëllimet e përdoruesit
- 02. Referojuni atyre çdo mundësi që të merrni
- 03. Mos kini frikë të tërhiqeni prapa
- 04. Shtyni edhe ekipin tuaj
- 05. Përcaktoni të gjitha nevojat tuaja për përmbajtjen përpara
- Si mund ta abstraktoj përmbajtjen nga prezantimi?
- Ne duhet të ndalojmë së menduari për përmbajtjen në aspektin e paraqitjes
- Detyroni klientët tuaj të planifikojnë përmbajtjen e tyre të pavarur nga modeli
- Finalizoni përmbajtjen tuaj para dizajnit
- Përdorni përmbajtje reale - çdo herë
- Pra, si funksionojnë kornizat tel për projektet e përgjegjshme të dizajnit?
- Skicimi
- Kuadri brenda shfletuesit
- Shënime
- Përdorni përmbajtje reale në tel
- Si mund të hartoj për ekranet e vogla së pari?
- Projektime abstrakte nga pajisjet në fillim
- Përdorni pllaka stili
- Krijoni harmoni të ndërfaqes
- Shikoni gjithçka në shfletues
- Bëni një ekuilibër me programet statike
- Përfundim
Le të jemi të qartë: dizajni është zgjidhja vetëm nëse përqendrohet në çështjet më të thella, çështja pse qëndron pas gjithçkaje. Një proces solid duhet të drejtojë gjithmonë punën tonë, por ne duhet të përqafojmë diçka më fleksibile. Mediumi ynë më në fund ka provuar se është i rrjedhshëm, a nuk duhet që procesi ynë? Mendoni për modelin e sistemit: duhet të shihni të gjithë fotografinë dhe detajet e imëta. E pamundur? Larg nga ajo!
Frank Chimero e shpreh atë bukur në librin e tij The Shape of Design: “isshtë një pjesë ku artisti hap prapa nga kavalja për të fituar një këndvështrim të ri të veprës. Piktura është pjesë e barabartë afër dhe larg: kur është afër, artisti punon shumë për të dhënë shenjën e tij; kur është larg, ai vlerëson punën për të analizuar cilësitë e saj. Ai hap prapa për ta lënë punën t'i flasë. "
Ne duhet të lejojmë që puna jonë, mediumi ynë, të na flasë. Me rritjen e dizajnit të përgjegjshëm, ne më në fund po përqafojmë mediumin tonë siç duhej të ishte: lëng. Shtë një kohë e shkëlqyer të tërhiqeni dhe vlerësoni punën, të analizoni dhe të përqafoni një mënyrë të re për të bërë gjërat, një proces të ri. Ka kaluar koha e maketave statike dhe krijuesve të internetit që nuk e kuptojnë kodin. Timeshtë koha për një proces të përgjegjshëm.
Një metodologji e përgjegjshme
Ne do të japim sekretin e madh për një proces solid në fillim të këtij artikulli. Sepse ne jemi çmendur kështu. Gati? Një proces i përgjegjshëm është një proces i përgjegjshëm. E paqartë? Ndoshta. Pa kuptim Jo. Ashtu si lëvizja e standardeve në internet përpara saj, dizajni i përgjegjshëm po e shtyn web-in përpara me metoda miqësore për të ardhmen.
Si çdo proces i dizajnit, ai duhet të përqendrohet në 'pse' prapa të gjithave. Atëherë pse ekzistojnë faqet e internetit? Për të dhënë përmbajtje. Kjo mund të jetë e bazuar në detyra, sociale, informuese ... nuk ka rëndësi. E gjitha vjen deri në këtë: filloni me arsyen pse, përmbajtja e strukturuar mirë dhe ndërveprimet që kanë rëndësi.
Këtu janë pyetjet që ne dëgjojmë më shpesh në lidhje me procesin tonë të përgjegjshëm të dizajnit.
Si mund ta mbaj përmbajtjen së pari?
Ne të gjithë jemi kaq optimistë në fillimin e një projekti. "Përmbajtja së pari!" ne themi. “Qëllimet e përdoruesit! Mos harroni atë që është e rëndësishme! " Eshte e vertete. Por çfarë do të thotë kjo? Si e zbatoni një proces të parë të përmbajtjes?
Edhe nëse e dini (ose mendoni se e dini), është e lehtë të harrosh ndërsa përparon një projekt. Projektet afatgjata kanë një tendencë për t'u zgjatur dhe zgjatur (dhe më… dhe më). Ne ndalojmë së menduari për arsyen, dhe fillojmë të përqendrohemi në mënyrën se si. Ne mashtrojmë veten duke menduar se projektet tona mund të ndahen në faza të veçanta ‘zbulimi’ dhe ‘zhvillimi’ që mund të ekzistojnë në mënyrë të pavarur.
E vërteta është, ne duhet të vazhdojmë të pyesim pse, gjatë gjithë kohës. Pavarësisht se sa mendoni se dini, pa marrë parasysh sa planifikim keni bërë - sa herë që merrni një vendim, sa herë që hartoni një buton ose shkruani një titull, duhet të pyesni
Pse
Pse po e bej kete? Per ke eshte? Cilin qëllim biznesi do ta ndihmojë klientin tim të arrijë? Çfarë nevoje do t'i ndihmojë përdoruesit e mi të adresojnë? Mos mbaj vetëm përmbajtjen së pari. Mbani arsyen e para.
Kjo e bën atë të tingëllojë lehtë. Por për ta bërë atë mirë, ju do të duhet të shtyni. Shtyni klientët tuaj dhe ekipin tuaj të përcaktojnë fillimisht pse. Jo Lorem Ipsum, jo that do ta arrijmë më vonë ’. Bej detyrat! Të gjitha mënyrat tuaja duhet të fillojnë me një arsye të fortë. Në Pencil të Verdhë, kjo ka nënkuptuar ndryshime të mëdha në mënyrën e vendosjes, vlerësimit, buxhetit dhe planifikimit të projekteve. Na është dashur të shtyjmë buxhetin dhe kohën për të bërë kërkime, strategji dhe planifikim të qëndrueshëm. Ju gjithashtu mund të Por sapo klientët tuaj dhe ekipet tuaja të shohin përfitimet e mëdha të përcaktimit të nevojave për përmbajtje përpara, ata kurrë nuk do të shikojnë prapa.
Dhe është detyra jonë t'i edukojmë ata. (Lexoni librin e shkëlqyeshëm Mike Monteiro Dizajni është një punë nëse doni të mësoni më shumë rreth marrëdhënieve me klientët.) Klientët mund ta kenë të vështirë të kuptojnë vlerën e të bërit të gjithë këtij kërkimi dhe të punojnë përpara. Dhe pse duhet ata? Ata nuk marrin asgjë të ‘përfunduar’ në fund - dhe shumë shpesh ata thjesht marrin një faturë dhe një dokument të madh të Word.
Ky nuk është faji i tyre - është faji ynë. Responsibilityshtë përgjegjësia jonë të bëjmë një punë më të mirë për të demonstruar atë vlerë. Në çdo hap të rrugës, duhet t'i rikthejmë të gjitha në arsyen më të rëndësishme.
Kjo është veçanërisht e rëndësishme për dizajnin e përgjegjshëm. Një faqe në internet e përgjegjshme nuk kërkon shumë më shumë përpjekje për zhvillim, por kjo do të thotë shumë më shumë planifikim. Në të vërtetë megjithatë, është duke planifikuar që duhet të kishim bërë gjatë gjithë kohës. Dëshmitari i ciklit aktual të riprojektimit, çdo tre vjet, i projektit. A doni ta vazhdoni atë? Ne sigurisht që nuk e bëjmë.
Kështu që këtu janë tre hapa për të mbajtur përmbajtjen së pari në procesin e projektit tuaj.
01. Përcaktoni biznesin tuaj dhe qëllimet e përdoruesit
Vendosni një listë me përparësi të qëllimeve të biznesit dhe përdoruesit për projektin tuaj. Çfarë dëshirojnë të dinë ose të bëjnë përdoruesit tuaj më shumë? Bëni kërkimin tuaj. Bëni konkluzione të informuara, jo supozime të egra. Bëni të gjithë palët tuaja të interesit të bien dakord.
02. Referojuni atyre çdo mundësi që të merrni
Sa herë që merrni një vendim, sa herë që dikush propozon një tipar të ri ose element të dizajnit, ose faqe të përmbajtjes, bëni që ata të hartojnë kërkesën për një biznes dhe qëllimin e përdoruesit. Çfarë nevoje reale do të plotësojë kjo veçori? Cila është arsyeja e vërtetë? (Sugjerim: 'Sepse dua' ose 'Më pëlqen shumë bluja' ose 'të gjithë në Facebook' nuk llogariten.)
03. Mos kini frikë të tërhiqeni prapa
Kjo mund të jetë e vështirë. Marrëdhëniet me klientët mund të jenë delikate dhe mund të jetë joshëse të heqësh dorë nga beteja për të fituar luftën. Por mos harroni, ne jemi të gjithë në këtë së bashku! Nuk është biznes vs përdorues; na kundër tyre.
Përmbushja e nevojave të përdoruesve është mënyra më e mirë për të përmbushur nevojat e biznesit. Sepse pa përdoruesit tanë, ne nuk kemi një biznes! Klientët (klientë të mirë) nuk po ju punësojnë për të thënë ‘po’ për gjithçka. Pra, nëse klienti juaj kërkon diçka që nuk do të përmbushë qëllimet e tyre ose nevojat e përdoruesve të tyre, mos kini frikë t’i sfidoni ata. Nuk ka të bëjë me egon. Ka të bëjë me krijimin e zgjidhjes më të mirë të mundshme.
04. Shtyni edhe ekipin tuaj
Kjo gjithashtu mund të jetë një sfidë kur punoni brenda një ekipi krijues. Ndarja e roleve - dizajni vizual, përvoja e përdoruesit, arkitektura e informacionit, strategjia e përmbajtjes, prodhimi i përmbajtjes - mund të çojë në keqkomunikim. Ne jemi të zënë, ne jemi të mbingarkuar me email. Hardshtë e vështirë të qëndrosh me një projekt nga fillimi në fund, veçanërisht pasi të bëhet puna ‘e juaj’.
Marrëdhënia e ekipit tuaj është të paktën po aq e rëndësishme sa marrëdhënia juaj me klientin. Ne duhet t'i kujtojmë vetes përse, ashtu si bëjmë me klientët tanë. Bashkëpunimi është thelbësor. Ju nuk mund të ‘dorëzoni’ thjesht një plan të përmbajtjes, ose korniza teli, ose dizajne. Sa më shumë që të jetë e mundur, ne duhet të punojmë dorë për dore. Easyshtë e lehtë të ‘përfundosh’ një produkt të dorëzueshëm dhe të kalosh në diçka tjetër. Muchshtë shumë më e vështirë të qëndrosh me një projekt kur ecja bëhet e vështirë.
Një qasje ujëvarë për punën krijuese thjesht nuk funksionon. Puna e shkathët, bashkëpunuese midis anëtarëve të ekipit bën për rezultate më të mira.
05. Përcaktoni të gjitha nevojat tuaja për përmbajtjen përpara
Këtu është gjëja: faqet e internetit të përgjegjshme kërkojnë më shumë kohë për të planifikuar. Ne nuk po planifikojmë më vetëm për një kontekst të vetëm. Ne jemi duke planifikuar për të gjitha kontekstet që dimë tani dhe disa që nuk ekzistojnë ende.
Por kërkon shumë më pak kohë për të planifikuar për të gjitha ato kompleksitete përpara sesa duhet të kthehesh dhe të rikonfigurosh tiparet dhe funksionet që nuk i ke llogaritur. Kështu që kaloni kohën / përpjekjen / buxhetin. Detyroni klientët tuaj dhe ekipin tuaj të përcaktojnë (dhe të përkushtoheni!) Të gjithë përmbajtjen e tyre para se të filloni projektin. Përdorni tabelat e faqeve. Përdorni përmbajtje të strukturuar. Provoni të ardhmen përmbajtjen tuaj tani! Ose qaj më vonë.
Si mund ta abstraktoj përmbajtjen nga prezantimi?
Ju e dëgjoni këtë shumë rreth sferës së internetit. Por prisni, çfarë? Dhe prisni - pse?
Sepse prezantimi mund (dhe do) të ndryshojë. Mënyra se si ne krijuam faqet e internetit 15 vjet më parë është pothuajse e panjohur nga mënyra se si i paraqesim ato tani. Por ju e dini se çfarë nuk ka ndryshuar? Fjalët. Ne ende përdorim ‘em. Interneti ekziston kryesisht për përmbajtjen (e bazuar në tekst). Ne ende e përdorim atë për të zgjidhur problemet e informacionit; për të përmbushur detyrat. Por nëse përmbajtja juaj varet nga një mjet prezantimi (faqet Flash intro, dikush?) Ka një gjasë reale që ajo të mos jetë e përdorshme për disa vjet. Dhe kjo thith.
Ne duhet të ndalojmë së menduari për përmbajtjen në aspektin e paraqitjes
Ne (si industri) kemi trajnuar klientët tanë të mendojnë për përmbajtjen në aspektin e paraqitjes. "Vendoseni në shiritin anësor", themi ne. "Kjo duhet të shkojë në fund të faqes." Ndale! Ndaloje Ndal Nuk ka të bëjë me vendndodhjen. Ka të bëjë me përparësinë. Cila është përmbajtja më e rëndësishme për përdoruesit tuaj? Sepse mendoni se çfarë: paraqitja ndryshon në të gjithë kontekstet. (Me siguri) nuk do të ketë një shirit anësor në dizajnin tuaj të ekranit të vogël.
Super-menuja gjigande që klienti juaj dëshiron? Nuk do të fluturoj në një iPhone.
Detyroni klientët tuaj të planifikojnë përmbajtjen e tyre të pavarur nga modeli
Mirë, nuk keni pse t’i detyroni. Inkurajojini ata. Inkurajoni me forcë. Tabelat e faqeve janë të shkëlqyera për këtë. Nëse nuk e keni lexuar tashmë, vazhdoni menjëherë në Strategjinë e Përmbajtjes së Kristina Halvorson dhe Melissa Rach për Web për më shumë informacion se si t'i krijoni ato. Organizoni ato sipas renditjes prioritare. Mos refero vendndodhjen ose paraqitjen. Kjo do t'i ndihmojë klientët tuaj të mendojnë për përmbajtjen e tyre në një mënyrë më produktive, dhe gjithashtu do të bëjë që procesi i krijimit të përmbajtjes të lëvizë, përpara se të formohen kornizat ose kornizat e telit.
Finalizoni përmbajtjen tuaj para dizajnit
Mirë, kjo nuk është gjithmonë e mundur. Por sa më shumë pasiguri të mund të eliminoni para se të filloni të dizajnoni, aq më pak do të duhet të ktheheni dhe t'i ndryshoni gjërat më vonë.
Përdorni përmbajtje reale - çdo herë
Nëse është e mundur, përdorni përmbajtjen e skajit - u tregoni klientëve tuaj faqet, imazhet dhe menutë më të komplikuara. Kjo do të shmangë surprizat më vonë gjatë procesit, kur ata shohin përmbajtjen e tyre më të çrregullt në produktin e përfunduar.
Kornizat funksionale me tel në shfletues bëjnë një ndryshim në botë. Lejoni klientët tuaj të vëzhgojnë përmbajtjen e tyre duke lëvizur dhe ndryshuar në një gamë të madhësive të ekranit. Tregojeni atë ndërsa paraqitni kornizat tuaja (po bëni prezantime personale, apo jo?) Demonstroni atyre se si përparësia e informacionit të tyre mbetet e njëjtë në madhësitë e ekranit, ndërsa faqosja ndryshon.
Pra, si funksionojnë kornizat tel për projektet e përgjegjshme të dizajnit?
Ne jemi besimtarë të vendosur që dizajni i ndërveprimit për RWD duhet të futet në shfletues shpejt dhe shpesh. Prettyshtë shumë e pamundur të krijosh një dokument statik që do të përshkruajë gjithçka. Sigurisht, ne mund të krijojmë një dokument që demonstron tre, katër ose pesë pika pushimi, por kjo është vetëm një pjesë e historisë. Po në lidhje me të gjitha momentet midis pikave të pushimit? Kjo ndodh në shfletuesin.
Skicimi
Megjithatë, është mirë të jesh në gjendje të skicosh shpejt idetë e tua në bashkëpunim. Kjo nuk ka nevojë të ndodhë në ndonjë medium të veçantë, por ka vetëm diçka në lidhje me lapsin në letër. E gjithë çështja këtu është të marrësh ide shpejt dhe me përsëritje. Na pëlqen të skicojmë kur është e mundur dhe madje ka edhe një aplikacion për këtë: Skicuesi i UI.
Kuadri brenda shfletuesit
Këtu është bileta e vërtetë për ne. Na pëlqen të ripërdorim modelet dhe sistemet kur demonstrojmë RWD në shfletues. Sigurisht, ne mund të krijojmë sistemin tonë nga e para çdo herë, por kjo nuk po na ndihmon neve ose klientëve tanë.
Ne gjithashtu na pëlqen të përdorim kornizat e prototipave të shpejta të përgjegjshme si Bootstrap i Twitter ose Zurb's Foundation. Ne personalisht anojmë nga Fondacioni sepse ai përshtatet me rrjedhën tonë të punës. Do të ishte mirë nëse ndonjëri do të merrte një qasje të parë me ekran të vogël, me gjerësi bande të ulët, por vetëm kështu rrokullisemi.
Shënime
Shënimet për kornizat me tel RWD janë thelbësore, por, ne zbulojmë se shpesh anashkalohen. Thuajeni me zë të lartë: dokumentacion, dokumentacion, dokumentacion! Ne kemi parë disa shembuj të kësaj nga miqtë dhe mendojmë se juria është ende në mënyrën "më të mirë" për të shënuar siç duhet tel-kornizat e përgjegjshme në shfletuesin. Siç u përmend më lart, ne përdorim rregullisht Foundation nga Zurb dhe na pëlqen të përdorim shtesën e saj Reveal për të shfaqur shënimet tona. Këto shënime shfaqen vetëm për ekranet më të mëdha dhe në mënyrë ideale mund të ndizen dhe fiken.
Përdorni përmbajtje reale në tel
Ka pasur shumë debate rreth Lorem Ipsum në kornizat e telave dhe modelet e dizajnit, por nëse nuk keni përmbajtje të vërtetë në kornizat tuaja, po e bëni gabim. Përmbajtja informon vendimet e ndërveprimit dhe ju tregon se kur do të prishet një dizajn. Si mund ta bëjë Lorem Ipsum atë?
Si mund të hartoj për ekranet e vogla së pari?
Për vite me radhë kemi hartuar me një rezolucion specifik në mendje. Ishte një cilësim i paracaktuar. Qoftë skicimi në fletore, vendosja e telit në OmniGraffle, puna në Photoshop apo dizajnimi në shfletuesin, ne e dinim se cila do të ishte madhësia e kanavacës sonë. Ato ditë janë zhdukur. Ne jemi besimtarë të mëdhenj në dizajnimin për ekranin e vogël së pari dhe në rritjen progresive. Atëherë, si e ndryshon një krijues rrjedhën e tij ose të saj të punës nga një madhësi fikse e kanavacës në atë të lëngshme?
Projektime abstrakte nga pajisjet në fillim
Në qoftë se nuk jemi duke krijuar një pajisje specifike, është thelbësore që të ndalojmë së menduari për pajisjet dhe të fillojmë të mendojmë për përvojat. Të gjitha teknikat e mëposhtme i ndihmojnë dizenjuesit të krijojnë përvojat e tyre ndërsa janë në gjendje të mbeten pajisje agnostike (deri në një pikë).
Përdorni pllaka stili
Përdorni pllaka stili për të vendosur drejtim dhe përsëritur shpejt. Pllakat e stilit i japin mundësi një krijuesi të përcaktojë drejtimin e një sistemi projektimi pa u bërë shumë specifik. Krijuesi i tyre, Samantha Warren, i përshkruan ata në këtë mënyrë:
"Pllakat e stilit janë për ato raste kur një humor është shumë i paqartë dhe një përpilim është tepër i mirëfilltë. Pllakat e stilit krijojnë një lidhje të drejtpërdrejtë me elementet aktuale të ndërfaqes pa përcaktuar paraqitjen. "
Krijoni harmoni të ndërfaqes
Imagjinoni një kanavacë me të gjithë elementët vizualë dhe interaktivë të bashkuar. Jo për të parë një paraqitje të veçantë të ndërfaqes së përdoruesit, por për të parë se si të gjithë elementët punojnë së bashku. Ky është një kanavacë e harmonisë së ndërfaqes. Një kanavacë e harmonisë së ndërfaqes i mundëson një krijuesi të mbajë idetë së bashku, por jo të përqendruara në asnjë madhësi të ekranit. Plus, është një mënyrë e shkëlqyeshme për të komunikuar dhe dokumentuar në mënyrë efikase elementet e dizajnuara sesa për të prodhuar një udhëzues të plotë të stilit.
Nëse jeni të interesuar të lexoni më tej, dy artikuj të shkëlqyeshëm në temën e harmonisë së ndërfaqes mund të gjenden këtu dhe këtu.
Shikoni gjithçka në shfletues
Gjithçka duhet të bashkohet në shfletues. Kjo është ajo ku dizajni i ndërfaqes së gjallë merr vërtet jetë. Të shohësh se si përmbajtja reale ndërvepron me elementët vizualë është thelbësore. Nuk ka asnjë mënyrë për ta bërë këtë siç duhet në një mjedis statik. Ju duhet të shihni se si do të përgjigjet në mediumin vendas.
Bëni një ekuilibër me programet statike
Ekziston një rrjedhë midis shfletuesit dhe programeve statike të tilla si Photoshop. Duhet të ekzistojë një ekuilibër që lejon krijimin e sistemit të projektimit në një mënyrë të rrjedhshme dhe natyrore. Sigurisht, kjo do të ndodhë në Photoshop, por një dizajner që po projekton me përgjegjësi duhet të mësojë se si të mendojë në mënyrë krijuese edhe në shfletues.
Përfundim
Edhe një herë, me ndjenjën: filloni me arsyen, me përmbajtje të strukturuar mirë dhe ndërveprime që kanë rëndësi. Përqendrohuni së pari në ekranin e vogël dhe gjerësinë e bandës së ulët dhe përmirësoni në mënyrë progresive konceptet tuaja të përgjegjshme. Mediumi ynë po vjen në moshë. Ne kemi mundësinë t'i bëjmë gjërat siç duhet dhe të ndryshojmë botën, një projekt në internet njëherësh.
Zbuloni 20 mjetet më të mira të kornizës së telit për dizajnerët
Steve Fisher bashkërendon kërkimin, analizën, modelimin dhe strategjinë në Yellow Pencil në Kanada, dhe flet për tema të tilla si RWD, UX dhe burim i hapur. Alaine Mackenzie është një strateg i përmbajtjes në Yellow Pencil.
