Мазмұны
- «Нақты» мазмұн дегеніміз не?
- Жақсы, сондықтан бірінші дизайн деген не?
- Мазмұн «шеткі жағдайларды», яғни нақты әлемді бөлектейді
- Нақты мазмұннан бастап, сізді қолданушы аяқ астынан алады
- Нақты мазмұнмен жұмыс істеуге көмектесетін 3 құрал
- CMS веб-ағыны
- Sketch үшін Craft Data плагині
- Random User Generator API
Пайдаланушы тәжірибесінің артықшылықтарына үңілмес бұрын, шарттарымызды аздап түсіндірейік.
Біріншіден, сіз адамдар бұл тұжырымдаманы «нақтымен жобалау» деп талқылайтынын жиі естисіз деректер, ”Мен қолданғанды жөн көремін мазмұны, өйткені дизайнер немен жұмыс істейтінін жақсы түсіреді. Әдетте, сіз кескінді «деректер» деп айтпаған боларсыз, солай ма? Егер бұл көмектесе алса, сіз мазмұнды «контекстегі деректер» ретінде қарастыра аласыз.
«Нақты» мазмұн дегеніміз не?
Дизайн эволюциясының бір жерінде біреу сізде жоқ деген ойға келді қажеттілік дизайн жасау үшін нақты мәтін. Сіз «нақты» материалдар дайын болғанға дейін ерікті латынша тастай аласыз. Демек, lorem ipsum және оның көптеген, көп немесе аз гипстердің көптеген бұтақтары.
Бірақ жақында адамдар мұның қаншалықты ессіз екенін түсіне бастады. Әрине, кейбіреулері мазмұнның формаларын кез-келген ескі дизайнға тастауға және «жақсы» деп атауға болады.
Бірақ, әдетте, олай емес. Тіпті сіздің «стандартты» блогыңызда әр түрлі мазмұн түрлері бар, соның ішінде тізімдер, сұхбаттар, жағдайлық есептер және т.б., олардың әрқайсысы мүмкін әрине мазмұн түрінің ерекше сипаттамаларын бөліп көрсетуге арналған бірегей презентациядан пайда алыңыз.
Нақты мазмұнмен жобалауға кіріңіз. Бұл дизайнерлерден тек мазмұнмен ғана емес, сонымен бірге бастауды сұрайтын алғашқы мазмұнның дизайны нақты мазасыз, нақты әлемдегі нақты адамдар жасайтын және бөлісетін мазмұн.
«Нақты» мазмұн мыналардан тұруы мүмкін екенін ескеріңіз.
- Қарапайым адамдардан нақты фотосуреттер мен күй туралы жаңартулар
- Штаттан тыс сайттарға арналған клиент шығарған мазмұн
- Кәсіби копирайтерлер шығарған жылтыратылған көшірме
Жақсы, сондықтан бірінші дизайн деген не?
Мазмұнды жобалау бірінші кезекте веб-сайттың мазмұнын құруға - немесе бар мазмұнға шолу мен талдау жасауға басымдық береді. бұрын дизайн басталады.
Бұл дизайн процесі басталғаннан кейін мазмұнды икемді түрде өзгертуге және жетілдіруге болмайды дегенді білдірмейді. (Шын мәнінде, көшірме мен дизайнның бір дауыста сөйлеуін қамтамасыз ету керек.) Бұл тек онымен жұмыс жасамас бұрын немен жұмыс істейтіндігіңізді білуді білдіреді.
Біздің шарттарымыз бар болса, нақты мазмұнмен дизайн жасаудың артықшылықтарын білейік.
Мазмұн «шеткі жағдайларды», яғни нақты әлемді бөлектейді
Дизайнерлер идеалды мазмұнды жақсы көреді. Сіз оларды кінәлай алмайсыз: көрнекі мазмұн - бұл олардың істейтін істерінің бір бөлігі. Бірақ нақты өмірде аз ғана адам әдемі мазмұн жасайды.
Керісінше, олар ыстық жаңа веб-сайтқа қосылып, өздерінің профиль өрістерінің жартысын толтырады, екеуінің суретін жүктеп, оны күніне шақырады. Немесе олар «шынымен де ұзақ тақырыптар» жазады және аздаған суреттерді блогтарына жүктейді.
Бұл шынайы өмір.
Сіз мұны түсінген кезде, түсінбейсіз Тоқта «мінсіз» пайдаланушы профильдерін жасау кезінде:
- Қысқаша, англо-саксонның аты-жөні
- Жүздеген әдемі фотосуреттер, үнемі жеткізіліп тұрады
- Мәтіндік мазмұнның қысқа жолдары
- Барлық мазмұн түрлерін қамтитын «жаңартулардың» әртүрлілігі
Сіз солардың бірін жасайсыз.
Бірақ сіздің басқа мазақтарыңыз шынайы әлемді көрсетеді. Толық әлем:
- Ұзын есімдер
- Бірнеше тілде тізімделуі керек есімдер
- Солдан оңға емес, оңнан солға қарай жүретін атаулар
- Сирек, нашар жарықтандырылған, ыңғайсыз кесілген фотосуреттер
- Құлаққаптардың орнына ақымақ аватарлар
- Түсініктемесіз, бос алдын-ала қарауды тудыратын жалаң сілтемелер болып табылатын «акциялар»
Бұл «шеткі жағдайлар» емес. Олар шынайы, бейберекет, тәртіпсіз әлемнің суреттері. Мұны неғұрлым жақсы түсінсеңіз, пайдаланушыларды және олар үшін қалай дизайн жасау керектігін соғұрлым жақсы түсінесіз.
Жоғарыда келтірілген мысал сізді адастырмас үшін, нақты мазмұнмен дизайн жасаудың артықшылықтары әлеуметтік желілерде тоқтап қалмайды. Олар сіз емес адамдар жасаған мазмұнды қолданатын кез-келген веб-сайтқа қолданылады. Яғни, олардың барлығы.
Ақыр соңында, әр тақырыбы тура үш сөзден тұратын блогты мазақ етіп елестетіп көріңізші. Сіз тіпті әңгіме блог редакторына, ағайын ?!
Нақты мазмұннан бастап, сізді қолданушы аяқ астынан алады
Веб-сайтқа келушілердің көпшілігі керемет дизайн, «жағымды» өзара әрекеттесу немесе квппи көшірмесі үшін келмейді.
Олар істі аяқтау үшін қажетті ақпарат алу үшін келеді.
Сіздің дизайныңызға бірінші мазмұнды қарау арқылы, одан әрі пайдалану үшін бір қадам алға жылжытыңыз нақты мазмұнын ескере отырып, сіз екеуін де түсінуге тырысасыз:
- Немен жұмыс істеу керек
- Соңғы пайдаланушы не іздейді
Бұл сізге ақпараттардың түпнұсқа дизайнында керекті орындарда бөлектелуін қамтамасыз етеді.
Бір мағынада, сіз мазмұнды өндіруге немесе талдауға басымдық бергенде бұрын Дизайн, сіз өзіңіздің қолданушыңыз сол жолмен жүресіз: сізге қажет нәрсені іздеу үшін ақпарат теңізімен жүзу. Өзіңізді осы процестен өткізе отырып, сіз қол жетімді нәрсені, тұтынушыларыңыздың не қалайтынын және сіздің (немесе сіздің клиенттің) ұсыныстарыңызды жақсы түсінуге көмектесу үшін мазмұнды қалай ұйымдастыруға болатындығын жақсы түсінесіз.
Нақты мазмұнмен жұмыс істеуге көмектесетін 3 құрал
Сіз өзіңіздің веб-сайтыңызға және өнім дизайныңызға сенімділікті арттыру үшін кез-келген дизайн құралына нақты мазмұнды тарта аласыз. Бірақ сіз нақты мазмұнмен жұмыс істегенде бірнеше құрал бар.
CMS веб-ағыны
2015 жылдың соңында іске қосылған Webflow-тың визуалды CMS мазмұны бірінші жұмыс ағынымен өте жақсы жұмыс істейді. Толығымен тапсырыс құрылымын құру, мазмұнын енгізу, содан кейін керемет дизайн жасау үшін осы мазмұнмен жұмыс істеуге кірісу үшін 13 негізгі құрылыс блоктарынан (суреттерден сілтемелерге дейін және басқа Коллекцияларға сілтемелерге дейін) жинақтама жасаңыз. Дизайн процесін бастау үшін сіз тіпті «муляжды» деректерді алуға болады.
Sketch үшін Craft Data плагині
InVision LABS-тен алынған бұл ақысыз Sketch және Photoshop плагині сіздің жеке файлдарыңыздан, бар веб-сайттарыңыздан немесе JSON файлдарыңыздан нақты мазмұнды шығарып, оны сіздің дизайныңызға қосуға мүмкіндік береді.
Random User Generator API
Егер сіз код слингері немесе Photoshopper болсаңыз, кездейсоқ пайдаланушы генераторы сізге дизайнға орналастыруға болатын JSON, SQL, CSV немесе YAML нысандарын жасауға мүмкіндік береді.
