Yaxshi UX uchun haqiqiy tarkibga ega dizayn

Muallif: Louise Ward
Yaratilish Sanasi: 8 Fevral 2021
Yangilanish Sanasi: 16 Mayl 2024
Anonim
Зачем на канистре СССР три ручки. Секретные военные разработки раскрыты и поставлены на поток
Video: Зачем на канистре СССР три ручки. Секретные военные разработки раскрыты и поставлены на поток

Tarkib

Biz foydalanuvchi tajribasining afzalliklariga sho'ng'ishdan oldin, keling, bizning shartlarimizga biroz aniqlik kiritaylik.

Birinchidan, odamlarning ushbu kontseptsiyani «real bilan loyihalashtirish» deb muhokama qilishini tez-tez eshitasiz ma'lumotlar, "Men foydalanishni afzal ko'raman tarkib, chunki u dizayner nima bilan ishlashini yaxshiroq aks ettiradi. Axir siz odatda rasmni "ma'lumotlar" deb atamagan bo'larmidingiz, shunday emasmi? Agar u yordam bersa, siz tarkibni "ma'lumotlar kontekstida" deb hisoblashingiz mumkin.

"Haqiqiy" tarkib nima

Qaerdadir dizayn evolyutsiyasi davomida kimdir siz aslida yo'q degan fikrga ega edi kerak dizayn yaratish uchun haqiqiy matn. "Haqiqiy" narsalar tayyor bo'lguncha o'zboshimchalik bilan lotin tiliga tashlashingiz mumkin. Shuning uchun, lorem ipsum va uning ko'p sonli yoki ko'p bo'lmagan hipster novdalari.

Ammo yaqinda odamlar buning naqadar aqldan ozganligini anglay boshladilar. Albatta, biroz kontent shakllari har qanday eski dizaynga kiritilishi va "yaxshi" deb nomlanishi mumkin.

Ammo, odatda, bunday emas. Hatto sizning "standart" blogingizda ko'pincha turli xil tarkib turlari mavjud, jumladan ro'yxatlar, intervyular, amaliy tadqiqotlar, yurish-turish va boshqalar. albatta kontent turining o'ziga xos xususiyatlarini ta'kidlash uchun mo'ljallangan noyob taqdimotdan foydalaning.


Haqiqiy tarkib bilan dizaynga kiring. Bu dizaynerlardan nafaqat tarkibdan boshlashni, balki haqiqiy chalkash, real dunyoda haqiqiy odamlar yaratadigan va baham ko'radigan tarkib.
E'tibor bering, "haqiqiy" tarkib quyidagilardan iborat bo'lishi mumkin:

  1. Oddiy odamlarning haqiqiy fotosuratlari va holati haqidagi yangiliklar
  2. Mustaqil saytlar uchun mijozlar tomonidan ishlab chiqarilgan tarkib
  3. Professional kopirayterlar tomonidan ishlab chiqarilgan sayqallangan nusxa

Yaxshi, shuning uchun birinchi tarkib nima?

Birinchi kontent dizayni veb-sayt tarkibini yaratishga ustuvor ahamiyat beradi - yoki mavjud tarkibni ko'rib chiqish va tahlil qilish - oldin dizayn boshlanadi.

Bu degani, dizayn jarayoni boshlangandan so'ng tarkibni tezkor tarzda takrorlash va takomillashtirish mumkin emas. (Aslida, nusxa ko'chirish va dizayn bir xil ovozda gaplashishini ta'minlash uchun bu mutlaqo bo'lishi kerak.) Bu shunchaki u bilan ishlashni boshlashdan oldin nima bilan ishlayotganingizni bilishni anglatadi.


Bizning shartlarimiz mavjud bo'lganda, keling, haqiqiy tarkib bilan dizaynning afzalliklariga erishaylik.

Tarkib "chekka holatlar" ni, ya'ni haqiqiy dunyoni ta'kidlaydi

Dizaynerlar ideal tarkibni yaxshi ko'radilar. Va siz ularni ayblashingiz mumkin emas: tarkibni obodonlashtirish ular qilayotgan ishlarning kichik bir qismidir. Ammo haqiqiy dunyoda juda kam odam chiroyli tarkibni yaratadi.

Buning o'rniga ular issiq yangi veb-saytga qo'shilishadi, profil maydonlarining yarmini to'ldiradilar, ikkitasining rasmini yuklashadi va kuniga qo'ng'iroq qilishadi. Yoki ular "haqiqatan ham uzun sarlavhalar" yozishadi va kam rasmlarni o'z bloglariga yuklashadi.

Bu haqiqiy hayot.

Buni tushunganingizda, tushunmaysiz To'xta quyidagilarga ega bo'lgan "ideal" foydalanuvchi profillarini loyihalashda:

  1. Qisqasi, Anglo Sakson ismlari va familiyalari
  2. Muntazam ravishda etkazib beriladigan yuzlab chiroyli fotosuratlar
  3. Matn tarkibining qisqa qismlari
  4. Barcha tarkib turlarini qamrab oladigan jonli xilma-xil "yangilanishlar"

Siz ulardan birini bajarasiz, albatta.

Ammo sizning boshqa masxaralaringiz haqiqiy dunyoni ta'kidlaydi. Dunyo to'la:

  1. Uzoq ismlar
  2. Bir nechta tillarda ro'yxatlash kerak bo'lgan ismlar
  3. Chapdan o'ngga emas, o'ngdan chapga ishlaydigan ismlar
  4. Kam, kam yoritilgan, noqulay ravishda kesilgan fotosuratlar
  5. Headshotlarning o'rniga bema'ni avatarlar
  6. Haqiqatan ham shunchaki yalang'och havolalar, sharhlarsiz, bo'sh oldindan ko'rishni keltirib chiqaradigan "aktsiyalar"

Bu "chekka holatlar" emas. Ular haqiqiy, tartibsiz, tartibsiz dunyodan olingan suratlar. Buni qanchalik yaxshi tushunsangiz, o'zingizning foydalanuvchilaringizni va ular uchun qanday dizayn qilishni yaxshiroq tushunasiz.


Va yuqoridagi misol sizni adashtirmaslik uchun, haqiqiy tarkib bilan dizaynning afzalliklari ijtimoiy tarmoqlarda to'xtamaydi. Ular siz bo'lmagan odamlar tomonidan yaratilgan tarkibdan foydalanadigan har qanday veb-saytga tegishli. Ya'ni, ularning barchasi.

Axir, har bir sarlavha to'liq uch so'zdan iborat bo'lgan blogni masxara qilishni tasavvur qiling. Hatto qilasizmi gapirish blog muharririga, aka ?!

Haqiqiy tarkibdan boshlab, foydalanuvchini ishga kirishishdan oldin qo'yasiz

Aksariyat veb-saytlarga tashrif buyuruvchilar ajoyib dizayni, "yoqimli" shovqinlari yoki tezkor nusxasi uchun kelishmaydi.

Ular ishni bajarish uchun kerakli ma'lumotlarni olish uchun kelishadi.

O'zingizning dizayningizga birinchi navbatda tarkibni kiritib, so'ngra undan foydalanish uchun bir qadam oldinga boring haqiqiy kontent, ikkalasini ham tushunishga urinishni birinchi o'ringa qo'yasiz:

  1. Nima bilan ishlashingiz kerak
  2. Oxirgi foydalanuvchi nimani qidirmoqda

Va bu sizga kerakli ma'lumotlarni yakuniy dizayndagi kerakli joylarda ta'kidlashni ta'minlashga yordam beradi.

Bir ma'noda, siz tarkibni ishlab chiqarishga yoki tahlilga ustuvor ahamiyat berganingizda oldin dizayn, siz o'zingizning foydalanuvchingiz xuddi shu yo'lni bosib o'tmoqdasiz: kerakli narsalarni qidirishda ma'lumot dengizida yurish. O'zingizni ushbu jarayonda yurib, mavjud bo'lgan narsalar, mijozlaringiz nimani xohlashi va sizning (yoki mijozingiz) takliflaringizni yaxshiroq tushunishga yordam berish uchun tarkibingizni qanday tashkil qilishni yaxshiroq tushunasiz.

Haqiqiy tarkib bilan ishlashga yordam beradigan 3 ta vosita

Shubhasiz, siz o'zingizning veb-saytingiz va mahsulot dizaynlaringizga ko'proq sodiqlik kiritish uchun har qanday dizayn vositasiga haqiqiy tarkibni jalb qilishingiz mumkin. Ammo haqiqiy tarkib bilan ishlayotganingizda haqiqatan ham porlab turadigan bir nechta vositalar mavjud.

Veb-oqim CMS

2015 yil oxirida ishga tushirilgan Webflow-ning vizual CMS tarkibi birinchi ish oqimi bilan juda yaxshi ishlaydi. Faqatgina 13 ta asosiy bloklardan (rasmlardan tortib to boshqa to'plamlarga havolalargacha) to'plam yaratib, to'liq moslashtirilgan tuzilmani yarating, tarkibingizni kiriting, so'ngra mukammal dizayni yaratish uchun ushbu tarkib bilan ishlashni boshlang. Dizayn jarayonini boshlash uchun siz hatto "qo'g'irchoq" ma'lumotlarning namunalarini olishingiz mumkin.

Sketch uchun Craft Data plaginini

InVision LABS-dan olingan ushbu bepul Sketch va Photoshop plaginlari sizga o'zingizning fayllaringizdan, mavjud veb-saytlaringizdan yoki JSON fayllaringizdan haqiqiy tarkibni olish va o'zingizning dizayningizga qo'shish imkonini beradi.

Tasodifiy foydalanuvchi generatori APIsi

Agar siz kod slingeri yoki Photoshopper bo'lsangiz, tasodifiy foydalanuvchi generatori sizga o'zingizning dizaynlaringizga joylashtirishingiz mumkin bo'lgan JSON, SQL, CSV yoki YAML moslamalarini yaratishga imkon beradi.

Qiziq
Raqamli tipografiyani qanday yaxshilash mumkin
O’Qimoq

Raqamli tipografiyani qanday yaxshilash mumkin

Bo ib chiqari hdan raqamli raqamga o'ti hda, tipografiya haqida gap ketganda aniq va muhim farqni hi obga oli h kerak. Raqamli dizayndagi bo madan farqli o'laroq, izning turingiz harakat iz bo...
Veb-dizayn va ishlab chiqish uchun yangi vositalar: 2012 yil iyul
O’Qimoq

Veb-dizayn va ishlab chiqish uchun yangi vositalar: 2012 yil iyul

Bu oyda chegarani belgilab beruvchi va amaliy arala hgan. Ikkala i, hech bo'lmaganda veb-i hlab chiqi hda paydo bo'li hi mumkin bo'lgan g'alati yot do' tlar ema - oddiygina abablar...
Stil piktogrammalari logotiplarni ikonik belgilar bilan almashtiradi
O’Qimoq

Stil piktogrammalari logotiplarni ikonik belgilar bilan almashtiradi

Dizaynerlar logotip dizayni bo'yicha ko'r atmalardan foydalani hi yoki logotip dizayni tendent iyalariga rioya qili hni tanla hi mumkin bo'l a-da, ba'zi dizaynerlar o'zlari uchun l...