Задаволены
- Што такое "сапраўдны" змест
- Добра, дык што ж такое дызайн, які ўтрымлівае першы кантэнт?
- Змест падкрэслівае "краявыя выпадкі" - гэта значыць рэальны свет
- Пачынаючы з рэальнага зместу, вы з самага пачатку ставіце на месца карыстальніка
- 3 інструменты, якія дапамогуць вам працаваць з рэальным зместам
- CMS веб-патоку
- Убудова Craft Data для Sketch
- API генератара выпадковых карыстальнікаў
Перш чым мы паглыбімся ў перавагі карыстацкага досведу, давайце трохі ўдакладнім нашы ўмовы.
Па-першае, хаця вы часта будзеце чуць, як людзі абмяркоўваюць гэтую канцэпцыю як "дызайн з рэальным дадзеныя, ”Я аддаю перавагу выкарыстоўваць змест, бо лепш фіксуе тое, з чым працуе дызайнер. У рэшце рэшт, вы б звычайна не называлі малюнак "дадзенымі", ці не так? Калі гэта дапамагае, вы можаце разглядаць змест як "дадзеныя ў кантэксце".
Што такое "сапраўдны" змест
Недзе ў працэсе эвалюцыі дызайну хтосьці прыйшоў да думкі, што на самой справе вы гэтага не разумееце трэба рэальны тэкст для стварэння дызайну. Што вы можаце проста ўкінуць якую-небудзь адвольную лацінку, пакуль "сапраўдныя" рэчы не будуць гатовыя. Такім чынам, lorem ipsum і яго шмат-шмат больш-менш хіпстарскіх галінак.
Але нядаўна людзі пачалі разумець, наколькі гэта звар'яцела. Вядома, некаторыя формы зместу можна проста ўключыць у любы стары дызайн і назваць "добрымі".
Але звычайна гэта не так. Нават у вашым "стандартным" блогу часта ёсць разнастайныя тыпы кантэнту, у тым ліку спісы, інтэрв'ю, тэматычныя даследаванні, пакрокавыя інструкцыі і г. д. Кожны з іх можа безумоўна выгада ад унікальнай прэзентацыі, прызначанай падкрэсліць унікальныя характарыстыкі тыпу змесціва.
Увядзіце дызайн з рэальным зместам. Гэта адгалінаванне дызайну, які ўпершыню ўтрымлівае змесціва, і які прапануе дызайнерам пачынаць не толькі са зместу, але і з сапраўдны змест, які рэальныя людзі ў брудным, рэальным свеце робяць і дзеляцца ім.
Звярніце ўвагу, што "рэальны" змест можа складацца з:
- Фактычныя фатаграфіі і абнаўленні статусу звычайных людзей
- Змест кліента для сайтаў-фрылансераў
- Адшліфаваны асобнік, выраблены прафесійнымі капірайтэрамі
Добра, дык што ж такое дызайн, які ўтрымлівае першы кантэнт?
Дызайн, які ўтрымлівае першую чаргу, ставіць перад прыярытэтам стварэнне змесціва вэб-сайта - альбо агляд і аналіз існуючага зместу - раней пачынаецца дызайн.
Гэта не азначае, што змест не можа быць перапрацаваны і дапрацаваны гнутка, як толькі пачаўся працэс дызайну. (Фактычна, гэта павінна быць, каб капіраванне і дызайн размаўлялі з аднолькавым голасам.) Гэта проста азначае ведаць, з чым вы працуеце, перш чым пачаць з гэтым працаваць.
З нашымі ўмовамі, давайце пойдзем да пераваг дызайну з рэальным зместам.
Змест падкрэслівае "краявыя выпадкі" - гэта значыць рэальны свет
Дызайнеры любяць ідэальны змест. І вы не можаце іх папракнуць: упрыгожванне змесціва - гэта адна невялікая частка таго, што яны робяць. Але ў рэальным свеце мала хто робіць прыгожы змест.
Замест гэтага яны далучаюцца да новага гарачага вэб-сайта, запаўняюць палову палёў у профілі, загружаюць выяву з двух чалавек і называюць гэта ў дзень. Ці яны пішуць "сапраўды доўгія загалоўкі" і загружаюць у свае блогі фотаздымкі з нізкім узроўнем рэзалюцыі.
Гэта рэальнае жыццё.
Калі вы гэта разумееце, вы гэтага не разумееце спыніць пры распрацоўцы "ідэальных" профіляў карыстальнікаў, якія ўключаюць:
- Каротка, англасаксонскае імя і прозвішча
- Сотні выдатных фотаздымкаў, якія пастаянна пастаўляюцца
- Кароткія фрагменты тэкставага зместу
- Шырокая разнастайнасць "абнаўленняў", якія ахопліваюць усе тыпы змесціва
Вы робіце адзін з іх, вядома.
Але іншыя вашы насмешкі падкрэсліваюць рэальны свет. Свет, поўны:
- Доўгія імёны
- Імёны, якія трэба пералічваць больш чым на адной мове
- Імёны, якія праходзяць справа налева, а не злева направа
- Рэдкія, дрэнна асветленыя, нязграбна абрэзаныя фотаздымкі
- Дурныя аватары замест стрэлаў у галаву
- "Акцыі", якія на самой справе ўяўляюць сабой проста адкрытыя спасылкі без каментарыяў, якія ствараюць пустыя папярэднія прагляды
Гэта не "краявыя выпадкі". Яны з'яўляюцца здымкамі рэальнага, бруднага, бязладнага свету. Чым лепш вы гэта разумееце, тым лепш вы будзеце разумець сваіх карыстальнікаў - і як ім распрацаваць.
І каб прыведзены прыклад не ўвёў вас у зман, выгады дызайну з рэальным зместам не спыняюцца на сацыяльных сетках. Яны прымяняюцца да любога вэб-сайта, які выкарыстоўвае змест, створаны людзьмі, якія не з'яўляюцца вамі. Гэта значыць, усе яны.
У рэшце рэшт, толькі ўявіце сабе здзек над блогам, дзе кожны загаловак мае роўна тры словы. Вы нават размаўляць рэдактару блога, братка ?!
Пачынаючы з рэальнага зместу, вы з самага пачатку ставіце на месца карыстальніка
Большасць наведвальнікаў вэб-сайта не прыязджае за цудоўным дызайнам, "цудоўным" узаемадзеяннем ці простай копіяй.
Яны прыходзяць па неабходную інфармацыю, каб зрабіць рэчы.
Выкарыстоўваючы першапачатковы змест да дызайну, а потым пайшоўшы яшчэ далей сапраўдны змесціва, вы ставіце перад сабой спробу зразумець і тое, і другое:
- З чым даводзіцца працаваць
- Што шукае канчатковы карыстальнік
І гэта дапаможа вам гарантаваць, што патрэбная інфармацыя будзе выдзелена ў патрэбных месцах у канчатковым дызайне.
У пэўным сэнсе, калі вы ставіце прыярытэт для вытворчасці кантэнту альбо аналізу раней дызайн, вы ідзяце па тым самым шляху, які пойдзе ваш карыстальнік: прабіраючыся па моры інфармацыі ў пошуках таго, што вам трэба. Прайшоўшы гэты працэс, вы атрымаеце лепшае разуменне таго, што даступна, што хочуць вашы кліенты і як упарадкаваць ваш кантэнт, каб дапамагчы лепш зразумець, што вы (альбо ваш кліент) прапануеце.
3 інструменты, якія дапамогуць вам працаваць з рэальным зместам
Відавочна, што вы можаце ўцягнуць сапраўдны змест у любы дызайнерскі інструмент, каб дадаць больш дакладнасці вашым Інтэрнэце і дызайну прадуктаў. Але ёсць некалькі інструментаў, якія сапраўды блішчаць, калі вы працуеце з рэальным зместам.
CMS веб-патоку
Візуальная CMS Webflow, запушчаная ў канцы 2015 года, выдатна працуе з працоўным працэсам, які ўпершыню змесціва. Проста стварыце Калекцыю з 13 асноўных будаўнічых блокаў (ад малюнкаў да спасылак да спасылак на іншыя Калекцыі), каб стварыць цалкам спецыяльную структуру, увесці свой змест, а потым пачаць працаваць з гэтым зместам, каб стварыць ідэальны дызайн. Вы нават можаце атрымаць узор дадзеных "фіктыўных", каб пачаць працэс распрацоўкі.
Убудова Craft Data для Sketch
Гэты бясплатны убудова Sketch і Photoshop ад InVision LABS дазваляе выцягваць рэальны кантэнт з вашых уласных файлаў, існуючых вэб-сайтаў альбо файлаў JSON і падключаць яго прама да вашых праектаў.
API генератара выпадковых карыстальнікаў
Калі вы слінгер кода альбо Photoshopper, генератар выпадковых карыстальнікаў дазваляе ствараць аб'екты JSON, SQL, CSV ці YAML, якія вы можаце размясціць прама ў сваіх праектах.
