Nilalaman
- Ano ang "totoong" nilalaman
- Okay, kaya ano ang unang disenyo ng nilalaman?
- Ang nilalaman ay nagha-highlight ng mga "edge case" - ibig sabihin, ang totoong mundo
- Ang pagsisimula sa totoong nilalaman ay inilalagay ka sa sapatos ng gumagamit mula sa pag-get-go
- 3 mga tool na makakatulong sa iyong gumana sa totoong nilalaman
- Webflow CMS
- Craft Data plugin para sa Sketch
- Random na User Generator API
Bago kami sumisid sa mga benepisyo sa karanasan ng gumagamit, linawin muna natin nang kaunti ang aming mga termino.
Una, habang madalas mong maririnig ang mga tao na tinatalakay ang konsepto na ito bilang "pagdidisenyo ng real data, ”Mas gusto kong gamitin nilalaman, dahil mas mahusay na kinukuha nito kung ano ang gumagana ng isang taga-disenyo. Pagkatapos ng lahat, hindi ka normal na tumutukoy sa isang imahe bilang "data," gusto mo? Kung makakatulong ito, maaari mong isipin ang nilalaman bilang "data sa konteksto."
Ano ang "totoong" nilalaman
Sa isang lugar kasama ang ebolusyon ng disenyo, may isang nakakuha ng ideya na hindi mo talaga kailangan totoong teksto upang lumikha ng isang disenyo. Na maaari mo lamang magtapon ng ilang di-makatwirang Latin hanggang sa handa na ang "totoong" mga bagay. Samakatuwid, lorem ipsum at ang marami, maraming higit pa-o-mas mababa sa mga offset ng hipster.
Ngunit kamakailan lamang, sinimulan ng mga tao na mapagtanto kung gaano kabaliwan iyon. Oo naman, ang ilan ang mga form ng nilalaman ay maaaring ihulog lamang sa anumang lumang disenyo at tawaging "mabuti."
Ngunit kadalasan, hindi iyon ang kaso. Kahit na ang iyong "pamantayang" blog ay madalas na nagtatampok ng iba't ibang mga uri ng nilalaman, kabilang ang mga listicle, panayam, case study, walkthroughs, atbp. Ang bawat isa sa mga ito ay maaaring tiyak makinabang mula sa isang natatanging pagtatanghal na idinisenyo upang i-highlight ang mga natatanging katangian ng uri ng nilalaman.
Ipasok ang pagdidisenyo gamit ang totoong nilalaman. Ito ay isang offshoot ng disenyo ng unang nilalaman na humihiling sa mga tagadisenyo na hindi lamang magsimula sa nilalaman, ngunit magsimula sa totoo nilalaman na tunay na mga tao sa magulo, totoong mundo na talagang gumagawa at nagbabahagi.
Tandaan na ang "tunay" na nilalaman ay maaaring binubuo ng:
- Ang mga tunay na larawan at pag-update ng katayuan mula sa ordinaryong tao
- Nilalaman na ginawa ng kliyente para sa mga freelance site
- Pinakintab na kopya na ginawa ng mga propesyonal na tagasulat
Okay, kaya ano ang unang disenyo ng nilalaman?
Binibigyang prioridad ng disenyo ng unang nilalaman ang paglikha ng nilalaman ng isang website - o isang pagsusuri at pagsusuri ng mayroon nang nilalaman - dati pa nagsisimula ang disenyo.
Hindi nangangahulugang ang nilalaman ay hindi maaaring paulitin at pino sa isang maliksi na paraan sa sandaling nagsimula ang proseso ng disenyo. (Sa katunayan, talagang dapat ito, upang matiyak na ang kopya at disenyo ay nagsasalita ng parehong boses.) Nangangahulugan lamang ito ng pag-alam kung ano ang iyong ginagawa bago ka magsimulang magtrabaho kasama nito.
Sa aming mga termino sa lugar, makarating tayo sa mga pakinabang ng pagdidisenyo gamit ang totoong nilalaman.
Ang nilalaman ay nagha-highlight ng mga "edge case" - ibig sabihin, ang totoong mundo
Gustung-gusto ng mga taga-disenyo ang perpektong nilalaman. At hindi mo sila masisisi: ang pagpapaganda ng nilalaman ay isang maliit na bahagi ng kanilang ginagawa. Ngunit sa totoong mundo, iilang tao ang gumagawa ng magandang nilalaman.
Sa halip, sumali sila sa mainit na bagong website, pinupunan ang kalahati ng kanilang mga field ng profile, nag-upload ng larawan ng dalawa, at tinawag ito sa isang araw. O nagsusulat sila ng "talagang mahahabang mga headline" at nag-a-upload ng mga low-res na larawan sa kanilang mga blog.
Tunay na buhay iyan.
Kapag naiintindihan mo iyan, hindi mo huminto ka sa pagdidisenyo ng "ideal" na mga profile ng gumagamit na nagtatampok:
- Maikli, Anglo Saxon una at apelyido
- Daan-daang mga magagandang larawan, regular na ibinibigay
- Maikling mga sipi ng nilalamang pangkonteksto
- Isang buhay na buhay na iba't ibang mga "update" na sumasaklaw sa lahat ng mga uri ng nilalaman
Ginagawa mo ang isa sa mga iyon, sigurado.
Ngunit ang iyong iba pang mga panunuya ay nai-highlight ang totoong mundo. Isang mundo na puno ng:
- Mahabang pangalan
- Mga pangalan na kailangang mailista sa higit sa isang wika
- Mga pangalang tumatakbo kanan-pakaliwa, hindi kaliwa-pakanan
- Kalat-kalat, hindi maganda ang ilaw, awkward na na-crop na mga larawan
- Mga hangal na avatar sa lugar ng headshots
- Ang "Mga Pagbabahagi" na talagang hubad na mga link, nang walang komentaryo, na bumubuo ng walang laman na mga preview
Hindi ito mga "edge case." Ang mga ito ay mga snapshot mula sa totoong, magulo, magulong mundo. Kung mas mahusay mong maunawaan iyon, mas mauunawaan mo ang iyong mga gumagamit - at kung paano magdisenyo para sa kanila.
At baka mailigaw ka ng halimbawa sa itaas, ang mga pakinabang ng pagdidisenyo gamit ang totoong nilalaman ay hindi titigil sa mga social network. Nalalapat ang mga ito sa anumang website na gumagamit ng nilalamang binuo ng mga taong hindi ikaw. I.e., lahat sila.
Pagkatapos ng lahat, isipin lamang ang pagbibiro sa isang blog kung saan ang bawat headline ay eksaktong tatlong salita ang haba. Ikaw ba kahit usapan sa editor ng blog, bro ?!
Ang pagsisimula sa totoong nilalaman ay inilalagay ka sa sapatos ng gumagamit mula sa pag-get-go
Karamihan sa mga bisita sa website ay hindi pumupunta para sa napakarilag na disenyo, "kasiya-siyang" pakikipag-ugnayan, o quippy copy.
Dumating sila para sa impormasyong kailangan nila upang matapos ang mga bagay-bagay.
Sa pamamagitan ng pagkuha ng isang diskarte sa unang nilalaman sa iyong disenyo, pagkatapos ay pagpunta sa isang hakbang nang higit pa upang magamit totoo nilalaman, inuuna mo ang isang pagtatangka upang maunawaan ang pareho:
- Ano ang dapat mong gawin
- Ano ang hinahanap ng end user
At tinutulungan ka nitong matiyak na ang tamang impormasyon ay mai-highlight sa mga tamang lugar sa panghuling disenyo.
Sa isang kahulugan, kapag inuuna mo ang paggawa o pag-aaral ng nilalaman dati pa ang disenyo, tinatahak mo ang parehong landas na gagawin ng iyong gumagamit: dumadaan sa isang dagat ng impormasyon sa paghahanap ng kailangan mo. Sa pamamagitan ng paglalakad sa iyong sarili sa prosesong iyon, makakakuha ka ng mas mahusay na pag-unawa sa kung ano ang magagamit, kung ano ang nais ng iyong mga customer, at kung paano ayusin ang iyong nilalaman upang matulungan silang higit na maunawaan kung ano ang inaalok mo (o ng iyong kliyente).
3 mga tool na makakatulong sa iyong gumana sa totoong nilalaman
Malinaw na, maaari mong hilahin ang tunay na nilalaman sa anumang tool sa disenyo upang magdala ng higit na katapatan sa iyong mga disenyo ng web at produkto. Ngunit may ilang mga tool na talagang lumiwanag kapag nagtatrabaho ka sa totoong nilalaman.
Webflow CMS
Inilunsad huli sa 2015, maganda ang paggana ng visual CMS ng Webflow sa isang daloy ng trabaho na unang nilalaman. Lumikha lamang ng isang Koleksyon mula sa 13 pangunahing mga bloke ng gusali (mula sa mga imahe hanggang sa mga link sa mga sanggunian sa iba pang Mga Koleksyon) upang lumikha ng isang ganap na pasadyang istraktura, i-input ang iyong nilalaman, pagkatapos ay magsimulang magtrabaho kasama ang nilalamang iyon upang mabuo ang perpektong disenyo. Maaari mo ring hilahin ang sample na data na "dummy" upang simulan ang proseso ng iyong disenyo.
Craft Data plugin para sa Sketch
Ang libreng Sketch at Photoshop plugin na ito mula sa InVision LABS ay nagbibigay-daan sa iyo upang hilahin ang tunay na nilalaman mula sa iyong sariling mga file, mayroon nang mga website, o mga file na JSON at mai-plug ito mismo sa iyong mga disenyo.
Random na User Generator API
Kung ikaw ay isang code-slinger o Photoshopper, pinapayagan ka ng Random User Generator na bumuo ng mga bagay na JSON, SQL, CSV, o YAML na maaari mong mailagay mismo sa iyong mga disenyo.
