Proiectați cu conținut real pentru un UX mai bun

Autor: Louise Ward
Data Creației: 8 Februarie 2021
Data Actualizării: 16 Mai 2024
Anonim
Great UX Microcopy & Content Design Examples - Design Tool Tuesday, Ep46
Video: Great UX Microcopy & Content Design Examples - Design Tool Tuesday, Ep46

Conţinut

Înainte de a ne explora avantajele oferite de experiența utilizatorului, haideți să ne clarificăm puțin termenii.

În primul rând, deși veți auzi adesea că oamenii discută despre acest concept ca „proiectarea cu real date, ”Prefer să folosesc conţinut, deoarece surprinde mai bine cu ce lucrează un designer. La urma urmei, nu v-ați referi în mod normal la o imagine ca „date”, nu? Dacă vă ajută, vă puteți gândi la conținut ca „date în context”.

Ce este conținutul „real”

Undeva de-a lungul evoluției designului, cineva a avut ideea că de fapt nu nevoie text real pentru a crea un design. Că poți arunca o latină arbitrară până când lucrurile „reale” sunt gata. Prin urmare, lorem ipsum și numeroasele sale, mai multe sau mai puține ramuri de hipster.

Dar, recent, oamenii au început să-și dea seama cât de complet de nebun este. Sigur, niste formele de conținut pot fi aruncate în orice design vechi și numite „bune”.

Dar, de obicei, nu este cazul. Chiar și blogul dvs. „standard” prezintă adesea o varietate de tipuri de conținut, inclusiv articole, interviuri, studii de caz, programe de parcurs etc. Fiecare dintre acestea ar putea cu siguranță beneficiați de o prezentare unică concepută pentru a evidenția caracteristicile unice ale tipului de conținut.


Intrați în proiectare cu conținut real. Este o ramură a designului care conține mai întâi conținut, care cere designerilor să nu înceapă doar cu conținut, ci să înceapă cu real conținut pe care îl fac și îl împărtășesc de fapt oamenii reali din lumea reală dezordonată.
Rețineți că conținutul „real” poate consta din:

  1. Fotografii reale și actualizări de stare de la oameni obișnuiți
  2. Conținut produs de clienți pentru site-uri independente
  3. Copie lustruită produsă de redactori profesioniști

Bine, deci ce este primul design de conținut?

Proiectarea primului conținut prioritizează crearea conținutului unui site web - sau o revizuire și analiză a conținutului existent - inainte de începe designul.

Asta nu înseamnă că conținutul nu poate fi iterat și rafinat într-un mod agil după ce a început procesul de proiectare. (De fapt, ar trebui să fie, pentru a vă asigura că copia și designul vorbesc cu aceeași voce.) Înseamnă doar să știți cu ce lucrați înainte de a începe să lucrați cu ea.


Având în vedere condițiile noastre, să ajungem la avantajele proiectării cu conținut real.

Conținutul evidențiază „cazurile marginale” - adică lumea reală

Designerilor le place conținutul ideal. Și nu le puteți da vina: înfrumusețarea conținutului este o mică parte din ceea ce fac. Dar în lumea reală, puțini oameni fac conținut destul de frumos.

În schimb, se alătură noului site web fierbinte, își completează jumătate din câmpurile de profil, încarcă o poză de două și o numesc pe zi. Sau scriu „titluri foarte lungi” și încarcă fotografii cu rezoluție redusă pe blogurile lor.

Aceasta este viața reală.

Când înțelegi asta, nu înțelegi Stop la proiectarea profilurilor de utilizator „ideale” care prezintă:

  1. Numele și prenumele scurte, anglo-saxone
  2. Sute de fotografii frumoase, furnizate în mod regulat
  3. Pasaje scurte de conținut textual
  4. O varietate plină de viață de „actualizări” care acoperă toate tipurile de conținut

Sigur faci una dintre acestea.

Dar celelalte batjocuri ale tale evidențiază lumea reală. O lume plină de:

  1. Numele lungi
  2. Numele care trebuie să fie listate în mai multe limbi
  3. Numele care rulează de la dreapta la stânga, nu de la stânga la dreapta
  4. Fotografii rare, slab iluminate, decupate incomod
  5. Avataruri prostești în locul loviturilor la cap
  6. „Acțiuni” care sunt într-adevăr doar link-uri goale, fără comentarii, care generează previzualizări goale

Acestea nu sunt „cazuri marginale”. Sunt instantanee din lumea reală, dezordonată și dezordonată. Cu cât înțelegeți mai bine acest lucru, cu atât veți înțelege mai bine utilizatorii dvs. și cum să proiectați pentru ei.


Și pentru ca exemplul de mai sus să nu vă inducă în eroare, beneficiile proiectării cu conținut real nu se opresc la rețelele de socializare. Acestea se aplică oricărui site web care utilizează conținut generat de persoane care nu sunteți dvs. Adică toți.

La urma urmei, imaginați-vă pur și simplu batjocorind un blog în care fiecare titlu are exact trei cuvinte. Chiar și tu vorbi editorului de blog, frate ?!

Începând cu conținut real, vă puneți în locul utilizatorului din start

Cei mai mulți vizitatori ai site-ului nu vin pentru designul superb, interacțiunile „încântătoare” sau copiile de tip quippy.

Ei vin după informațiile de care au nevoie pentru a face lucruri.

Abordând mai întâi conținutul în ceea ce privește designul dvs., apoi mergeți mai departe real conținut, acordați prioritate încercării de a înțelege atât:

  1. Cu ce ​​trebuie să lucrezi
  2. Ce caută utilizatorul final

Și asta vă ajută să vă asigurați că informațiile corecte sunt evidențiate în locurile potrivite în designul final.

Într-un anumit sens, când acordați prioritate producției sau analizei de conținut inainte de în proiectare, luați aceeași cale pe care o va face utilizatorul dvs.: vad printr-o mare de informații în căutarea a ceea ce aveți nevoie. Parcurgându-vă acest proces, veți obține o mai bună înțelegere a ceea ce este disponibil, a ceea ce își doresc clienții și a modului de organizare a conținutului pentru a-i ajuta să înțeleagă mai bine ce oferiți dvs. (sau clientul dvs.).

3 instrumente care vă ajută să lucrați cu conținut real

Evident, puteți atrage conținut real în orice instrument de proiectare pentru a vă oferi mai multă fidelitate proiectelor dvs. de web și de produse. Dar există câteva instrumente care strălucesc cu adevărat atunci când lucrați cu conținut real.

CMS Webflow

Lansat la sfârșitul anului 2015, CMS-ul vizual al Webflow funcționează frumos cu un flux de lucru pe bază de conținut. Creați doar o colecție din 13 blocuri de bază (de la imagini la linkuri către referințe la alte colecții) pentru a crea o structură total personalizată, introduceți conținutul, apoi începeți să lucrați cu acel conținut pentru a construi designul perfect. Puteți trage chiar eșantion de date „fictive” pentru a începe procesul de proiectare.

Craft Data plugin pentru Sketch

Acest plugin gratuit Sketch și Photoshop de la InVision LABS vă permite să extrageți conținut real din propriile fișiere, site-uri web existente sau fișiere JSON și să îl conectați direct la desenele dvs.

API Generator de utilizatori aleatorii

Dacă sunteți un slinger de cod sau Photoshopper, Random User Generator vă permite să generați obiecte JSON, SQL, CSV sau YAML pe care le puteți plasa direct în desenele dvs.

Pentru Dumneavoastră
Ar trebui să renunți vreodată la o marcă și să începi din nou?
Descoperi

Ar trebui să renunți vreodată la o marcă și să începi din nou?

Uneori, cele mai frecvente trategii de rebranding de chimbare incrementală au de trezire a patrimoniului mărcii nu funcționează și trebuie ă vă chimbați gândirea de de ign și ă luați în con ...
Cele mai bune 12 fonturi de benzi desenate gratuite din 2020
Descoperi

Cele mai bune 12 fonturi de benzi desenate gratuite din 2020

O colecție bună de fonturi e te una care vă acoperă pentru toate eventualitățile. Deși, fără îndoială, aveți propriul et de erif și an erif de încredere pe care vă puteți baza pentru majorit...
6 moduri de a economisi bani ca freelancer
Descoperi

6 moduri de a economisi bani ca freelancer

Viața independentă poate fi extrem de plină de ati facții. Fă-o bine și poți echilibra o mai mare libertate cu un echilibru mai ănăto între viața profe ională și viața per onală și o rată de zi m...