Դիզայն իրական բովանդակությամբ `ավելի լավ UX- ի համար

Հեղինակ: Louise Ward
Ստեղծման Ամսաթիվը: 8 Փետրվար 2021
Թարմացման Ամսաթիվը: 16 Մայիս 2024
Anonim
Кондиционер без сквозняков Samsung WindFree | Обзор и тест
Տեսանյութ: Кондиционер без сквозняков Samsung WindFree | Обзор и тест

Բովանդակություն

Նախքան օգտագործողի փորձի օգուտների մեջ խորանալը, եկեք մի փոքր պարզաբանենք մեր պայմանները:

Նախ, մինչդեռ դուք հաճախ կլսեք, թե ինչպես են մարդիկ քննարկում այս հայեցակարգը որպես «նախագծում են իրականի հետ տվյալներ», - նախընտրում եմ օգտագործել բովանդակություն, քանի որ այն ավելի լավ է որսում այն, ինչի հետ աշխատում է դիզայները: Ի վերջո, չէ՞ որ դուք պատկերին սովորաբար «տվյալներ» եք անվանում: Եթե ​​դա օգնում է, կարող եք բովանդակությունը համարել «տվյալների համատեքստում»:

Ինչ է «իրական» բովանդակությունը

Դիզայնի էվոլյուցիայի ինչ-որ տեղ ինչ-որ մեկը ստացել է այն միտքը, որ իրականում դուք չեք անում կարիքը իրական տեքստ `դիզայն ստեղծելու համար: Որ դուք պարզապես կարող եք ինչ-որ կամայական լատիներեն նետել այնքան ժամանակ, մինչ «իսկական» իրերը պատրաստ լինեն: Հետևաբար, lorem ipsum և դրա շատ ու շատ քիչ թե շատ հիպսթերյան մասնաճյուղեր:

Բայց վերջերս մարդիկ սկսում են գիտակցել, թե դա որքան խելագար է: Իհարկե, մի քանի բովանդակության ձևերը կարող են պարզապես ընկնել ցանկացած հին ձևավորման մեջ և կոչվել «լավ»:

Բայց սովորաբար դա այդպես չէ: Նույնիսկ ձեր «ստանդարտ» բլոգը հաճախ պարունակում է բազմազան բովանդակության տեսակներ, ներառյալ ցուցակները, հարցազրույցները, դեպքերի ուսումնասիրությունները, շրջայցերը և այլն: Յուրաքանչյուրը կարող է անշուշտ օգտվել եզակի ներկայացումից, որը նախատեսված է բովանդակության տեսակի յուրահատուկ բնութագրերը լուսաբանելու համար:


Մուտքագրեք դիզայն իրական բովանդակությամբ: Դա բովանդակության առաջին դիզայնի մի մասն է, որը դիզայներներին խնդրում է ոչ միայն սկսել բովանդակությունից, այլև սկսել դրանցից իրական բովանդակություն, որ իրական մարդիկ խառնաշփոթ, իրական աշխարհում իրականում պատրաստում և կիսում են:
Նշենք, որ «իրական» բովանդակությունը կարող է բաղկացած լինել ՝

  1. Իրական լուսանկարներ և կարգավիճակի թարմացումներ հասարակ մարդկանցից
  2. Հաճախորդների կողմից արտադրված բովանդակություն ՝ անկախ կայքերի համար
  3. Ողորկ պատճեն ՝ արտադրված պրոֆեսիոնալ գովազդատուների կողմից

Լավ, բա ո՞րն է բովանդակության առաջին դիզայնը:

Բովանդակության առաջին ձևավորումը առաջնահերթություն է տալիս կայքի բովանդակության ստեղծմանը կամ առկա բովանդակության վերանայումին և վերլուծությանը նախքան դիզայնը սկսվում է:

Դա չի նշանակում, որ նախագծման գործընթացը սկսվելուց հետո չի կարելի բովանդակությունը կրկնել և ճկուն կերպով կատարելագործվել: (Իրականում, դա միանգամայն պետք է լինի ՝ համոզվելու համար, որ պատճենը և ձևավորումը խոսում են նույն ձայնով): Դա պարզապես նշանակում է իմանալ, թե ինչի հետ ես աշխատում, նախքան դրա աշխատանքը սկսելը:


Մեր պայմանները գործի դնելով ՝ եկեք հասնենք իրական բովանդակությամբ դիզայնի առավելություններին:

Բովանդակությունն ընդգծում է «ծայրամասային դեպքերը», այսինքն ՝ իրական աշխարհը

Դիզայներները սիրում են իդեալական բովանդակություն: Եվ նրանց մեղադրել չի կարելի. Գեղեցկացնելով բովանդակությունը նրանց արածի մի փոքր մասն է: Բայց իրական աշխարհում քչերն են բավականաչափ բովանդակություն ստեղծում:

Փոխարենը, նրանք միանում են թեժ նոր կայքին, լրացնում իրենց պրոֆիլի դաշտերի կեսը, վերբեռնում երկուսի նկարը և այն անվանում օրական: Կամ նրանք գրում են «իսկապես երկար վերնագրեր» և իրենց բլոգներում վերբեռնում են ցածրորակ նկարներ:

Դա իրական կյանք է:

Երբ դա հասկանում ես, չես հասկանում կանգ առնել «իդեալական» օգտվողի պրոֆիլների նախագծման ժամանակ, որոնք բնութագրում են.

  1. Կարճ, անգլոսաքսոնական անուններ և ազգանուններ
  2. Պարբերաբար մատակարարվող հարյուրավոր գեղեցիկ լուսանկարներ
  3. Տեքստային բովանդակության կարճ հատվածներ
  4. «Թարմացումների» աշխույժ բազմազանություն, որոնք ընդգրկում են բովանդակության բոլոր տեսակները

Դու կատարում ես դրանցից մեկը, վստահ է:

Բայց ձեր մյուս ծաղրերն ընդգծում են իրական աշխարհը: Աշխարհ լի,

  1. Երկար անուններ
  2. Անուններ, որոնք անհրաժեշտ է թվարկել մեկից ավելի լեզուներով
  3. Անուններ, որոնք անցնում են աջից ձախ, այլ ոչ թե ձախից աջ
  4. Նոսր, թույլ լուսավորված, անհարմար կտրված լուսանկարներ
  5. Հիմար ավատարներ գլխի հարվածների տեղում
  6. «Բաժնետոմսեր», որոնք իսկապես պարզապես մերկ հղումներ են, առանց մեկնաբանության, որոնք առաջացնում են դատարկ նախադիտումներ

Սրանք «ծայրամասային դեպքեր» չեն: Դրանք նկարներ են իրական, խառնաշփոթ, անկարգ աշխարհից: Որքան լավ եք դա հասկանում, այնքան ավելի լավ եք հասկանալու ձեր օգտվողներին, և ինչպես նախագծել նրանց համար:


Եվ որպեսզի վերոհիշյալ օրինակը ձեզ չմոլորեցնի, իրական բովանդակությամբ դիզայնի օգուտները չեն դադարում սոցիալական ցանցերում: Դրանք տարածվում են ցանկացած կայքի վրա, որն օգտագործում է այն մարդիկ, ովքեր ստեղծում են դուք չեք: Այսինքն ՝ բոլորը:

Ի վերջո, պարզապես պատկերացրեք ծաղրել մի բլոգ, որտեղ յուրաքանչյուր վերնագիր ուղիղ երեք բառով է բաղկացած: Դուք նույնիսկ խոսել բլոգի խմբագրին, եղբա՞յր:

Իրական բովանդակությունից սկսելը ձեզ գործնականում գործի է դնում օգտագործողի տեղը

Կայքերի այցելուների մեծ մասը չի գալիս հոյակապ դիզայնի, «հաճելի» փոխազդեցությունների կամ հիանալի պատճենի համար:

Նրանք գալիս են այն տեղեկատվության համար, որն անհրաժեշտ է իրերն ավարտելու համար:

Ձեր դիզայնին վերաբերվելով բովանդակության առաջին մոտեցմանը ՝ այնուհետև օգտագործելով մի քայլ առաջ ՝ օգտագործեք այն իրական բովանդակությունը, դուք առաջնահերթ եք համարում և՛ մեկը, և՛ մյուսը հասկանալու փորձը:

  1. Ինչի հետ պետք է աշխատել
  2. Ինչ է փնտրում վերջնական օգտագործողը

Եվ դա օգնում է ձեզ ապահովել, որ ճիշտ տեղեկատվությունը կարևորվի վերջնական նախագծման ճիշտ վայրերում:

Ինչ-որ իմաստով, երբ առաջնահերթություն ես տալիս բովանդակության արտադրությանը կամ վերլուծությանը նախքան դիզայնը, դուք գնում եք այն նույն ուղով, որով ձեր օգտվողը կընթանա. թափառում եք տեղեկատվության ծովի միջով ՝ փնտրելու այն, ինչ ձեզ հարկավոր է: Ինքներդ ձեզ ընթանալով այդ գործընթացում ՝ դուք ավելի լավ կկարողանաք հասկանալ, թե ինչն է մատչելի, ինչ են ուզում ձեր հաճախորդները, և ինչպես կազմակերպել ձեր բովանդակությունը ՝ օգնելու նրանց ավելի լավ հասկանալ, թե ինչ եք դուք (կամ ձեր հաճախորդը) առաջարկում:

3 գործիք, որոնք կօգնեն ձեզ աշխատել իրական բովանդակությամբ

Ակնհայտ է, որ դուք կարող եք իրական բովանդակությունը ներգրավել ցանկացած ձևավորման գործիքի մեջ ՝ ավելի շատ հավատարմություն մտցնելով ձեր վեբ և արտադրանքի ձևավորումների մեջ: Բայց կան մի քանի գործիքներ, որոնք իսկապես փայլում են, երբ աշխատում եք իրական բովանդակությամբ:

Վեբհոսքի CMS

2015-ի վերջին գործարկվելով ՝ Webflow- ի վիզուալ CMS- ը հիանալի կերպով աշխատում է բովանդակության առաջին աշխատանքային հոսքի հետ: Պարզապես ստեղծեք Հավաքածու 13 հիմնական շինանյութերից (սկսած պատկերներից, հղումներ դեպի այլ հավաքածուների հղումներ), որպեսզի ստեղծեք միանգամայն հարմարեցված կառուցվածք, մուտքագրեք ձեր բովանդակությունը, ապա սկսեք աշխատել այդ բովանդակության հետ ՝ կատարյալ դիզայն կառուցելու համար: Դուք նույնիսկ կարող եք քաշել «կեղծ» տվյալների նմուշը ՝ ձեր նախագծման գործընթացը սկսելու համար:

Արհեստի տվյալների plugin էսքիզի համար

InVision LABS- ի այս անվճար ուրվագիծն ու Photoshop հավելվածը թույլ է տալիս իրական բովանդակություն հանել ձեր սեփական ֆայլերից, գոյություն ունեցող կայքերից կամ JSON ֆայլերից և միացնել այն անմիջապես ձեր նմուշների մեջ:

Պատահական օգտվողի գեներատոր API

Եթե ​​կոդավորող կամ Photoshopper եք, Պատահական օգտագործողի գեներատորը թույլ է տալիս ստեղծել JSON, SQL, CSV կամ YAML օբյեկտներ, որոնք կարող եք տեղադրել ձեր նախագծերում:

Նոր Հաղորդագրություններ
Էժան գժանոց ապրանքանշված որպես նվեր շքեղ խանութի համար
Կարդալ

Էժան գժանոց ապրանքանշված որպես նվեր շքեղ խանութի համար

Դա տարվա ամենահիասքանչ ժամանակն է, քանի որ խանութներն ու ապրանքանիշերը նույն կերպ խփում են իրենց ամանորյա արշավները: Մենք տեսել ենք փայլուն տոնական առաջարկների բազմաթիվ օրինակներ. Ամանորյա ոգեշնչող գո...
Ստեղծեք ձեր սեփական 3D տառատեսակը
Կարդալ

Ստեղծեք ձեր սեփական 3D տառատեսակը

Anyանկացած տեսակի 3D արվեստի ստեղծումը բարդ է, բայց տիպագրությունն էլ խառնեք խառնուրդի մեջ, և այն կարող է դառնալ ամեն տեսակ վախեցնող: Սկսելու համար ես կխոսեմ, թե ինչպես եմ ստեղծել 3D տիպի ընտանիքի Rig...
Ինչպես օգտագործել գույնը, որպեսզի ձեր նկարազարդումները փոփ լինեն
Կարդալ

Ինչպես օգտագործել գույնը, որպեսզի ձեր նկարազարդումները փոփ լինեն

Պատկերազարդման մեջ գունային վերաբերմունքը անձնական գործ է, և ոչ մի երկու նկարազարդ չպետք է նույն վերաբերմունքը ունենա: Գույնը, եթե ճիշտ է օգտագործվում, կարող է քաշել մի քանի ուժեղ տեսողական բռունցքներ...