طراحی با محتوای واقعی برای UX بهتر

نویسنده: Louise Ward
تاریخ ایجاد: 8 فوریه 2021
تاریخ به روزرسانی: 16 ممکن است 2024
Anonim
آموزش فیگما Figma - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردی
ویدیو: آموزش فیگما Figma - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردی

محتوا

قبل از اینکه به مزایای تجربه کاربر بپردازیم ، بیایید کمی شرایط خود را روشن کنیم.

اول ، در حالی که اغلب می شنوید مردم در مورد این مفهوم به عنوان "طراحی با واقعی داده ها، "من ترجیح می دهم استفاده کنم محتوا، زیرا آنچه را که طراح با آن کار می کند بهتر ثبت می کند. به هر حال ، شما معمولاً از تصویری به عنوان "داده" یاد نمی کنید؟ اگر به شما کمک کند ، می توانید محتوا را "داده در متن" بدانید.

محتوای "واقعی" چیست

در جایی از تکامل طراحی ، کسی این ایده را پیدا کرد که شما در واقع این کار را نمی کنید نیاز داشتن متن واقعی برای ایجاد یک طرح. فقط می توانید مقداری لاتین دلخواه درون آن بریزید تا زمانی که "واقعی" آماده شود. از این رو ، لورم اپیسوم و بسیاری از شاخه های هیپستر کم و بیش آن.

اما اخیراً ، مردم متوجه شده اند که این کاملاً جنون آمیز است. مطمئن، مقداری اشکال محتوا را می توان در هر طرح قدیمی رها کرد و "خوب" نامید.

اما معمولاً اینطور نیست. حتی وبلاگ "استاندارد" شما اغلب انواع مختلفی از محتوا را شامل می شود ، از جمله فهرست ، مصاحبه ، مطالعات موردی ، مرورهای مختلف و غیره. هرکدام از اینها می توانند قطعا از ارائه منحصر به فرد طراحی شده برای برجسته کردن ویژگی های منحصر به فرد نوع محتوا بهره مند شوید.


با محتوای واقعی وارد طراحی شوید. این شاخه ای از اولین طراحی محتوا است که از طراحان می خواهد نه تنها با محتوا شروع کنند ، بلکه با آن شروع کنند واقعی محتوایی که افراد واقعی در دنیای نابسامان و واقعی در واقع ساخته و به اشتراک می گذارند.
توجه داشته باشید که محتوای "واقعی" می تواند شامل موارد زیر باشد:

  1. عکس های واقعی و به روزرسانی های وضعیت از مردم عادی
  2. محتوای تولید شده توسط مشتری برای سایت های آزاد
  3. کپی صیقلی تولید شده توسط نویسندگان حرفه ای

خوب ، پس اولین محتوای طراحی چیست؟

طراحی اولین محتوا ایجاد محتوای وب سایت را اولویت قرار می دهد - یا بررسی و تجزیه و تحلیل محتوای موجود - قبل از طراحی آغاز می شود.

این بدان معنا نیست که پس از شروع مراحل طراحی ، نمی توان محتوا را به صورت چابک تکرار و تصحیح کرد. (در واقع ، این کاملاً باید باشد ، تا اطمینان حاصل شود که کپی و طراحی با یک صدا صحبت می کنند.) این فقط به معنای دانستن این است که قبل از شروع کار با آن کار می کنید.


با در دست داشتن اصطلاحات ، بیایید به مزایای طراحی با محتوای واقعی برسیم.

محتوا "موارد لبه" - یعنی دنیای واقعی را برجسته می کند

طراحان محتوای ایده آل را دوست دارند. و نمی توانید آنها را سرزنش کنید: زیبا سازی مطالب قسمت کوچکی از کارهای آنها است. اما در دنیای واقعی ، تعداد کمی از مردم محتوای زیبا تولید می کنند.

درعوض ، آنها به وب سایت جدید داغ می پیوندند ، نیمی از قسمتهای نمایه خود را پر می کنند ، یک عکس از دو بارگذاری می کنند و آن را روزانه صدا می کنند. یا آنها "عناوین واقعاً طولانی" می نویسند و عکسهای کم رزرو را در وبلاگ های خود بارگذاری می کنند.

این زندگی واقعی است.

وقتی این را می فهمید ، نمی فهمید متوقف کردن در طراحی پروفایل های کاربر "ایده آل" که دارای ویژگی های زیر هستند:

  1. نام و نام خانوادگی کوتاه ، آنگلو ساکسون
  2. صدها عکس زیبا ، به طور منظم تهیه می شود
  3. بخشهای کوتاه محتوای متنی
  4. انواع متنوعی از "به روزرسانی" که انواع مختلف محتوا را پوشش می دهد

مطمئناً شما یکی از این موارد را انجام می دهید.

اما دیگر تمسخرهای شما دنیای واقعی را برجسته می کند. دنیایی پر از:

  1. اسامی بلند
  2. نام هایی که باید در بیش از یک زبان ذکر شوند
  3. نام هایی که از راست به چپ اجرا می شوند ، نه چپ به راست
  4. عکس های کم ، کم نور و بریده بریده ناشیانه
  5. آواتارهای احمقانه به جای عکسهای سر
  6. "اشتراک" هایی که در واقع فقط پیوندهای خالی و بدون تفسیر هستند و پیش نمایش های خالی ایجاد می کنند

اینها "موارد لبه" نیستند. آنها عکسهایی از دنیای واقعی ، بی نظم و بی نظم هستند. هرچه این را بهتر درک کنید ، درک بهتری از کاربران خود خواهید داشت - و نحوه طراحی برای آنها.


و مبادا مثال فوق شما را گمراه کند ، مزایای طراحی با محتوای واقعی در شبکه های اجتماعی متوقف نمی شود. آنها برای هر وب سایتی که از محتوای تولید شده توسط افرادی که شما نیستید استفاده می کند. یعنی همه آنها

پس از همه ، فقط تصور کنید یک وبلاگ را مسخره کنید که هر عنوان دقیقاً سه کلمه ای دارد. آیا شما حتی صحبت به سردبیر وبلاگ ، داداش ؟!

شروع با محتوای واقعی شما را از شروع کار در جای کاربر قرار می دهد

بیشتر بازدیدکنندگان وب سایت به دنبال طراحی زیبا ، تعاملات "جالب" یا کپی برداری جالب نیستند.

آنها به دنبال اطلاعاتی هستند که برای انجام کارها به آنها نیاز دارند.

با در نظر گرفتن اولین رویکرد محتوایی برای طراحی خود ، یک قدم جلوتر بروید و از آن استفاده کنید واقعی محتوا ، شما تلاش برای درک هر دو را در اولویت قرار می دهید:

  1. آنچه شما باید با آن کار کنید
  2. آنچه کاربر نهایی به دنبال آن است

و این به شما کمک می کند اطمینان حاصل کنید که اطلاعات مناسب در مکان های مناسب در طراحی نهایی برجسته می شوند.

به یک معنا ، وقتی تولید محتوا یا تجزیه و تحلیل را در اولویت قرار دهید قبل از طراحی ، شما همان مسیری را طی می کنید که کاربر شما طی خواهد کرد: در جستجوی آنچه شما نیاز دارید ، از دریای اطلاعات عبور می کنید. با پیاده روی در این فرآیند ، درک بهتری از موارد موجود ، خواسته های مشتریان و نحوه سازماندهی محتوای خود برای کمک به آنها در درک بهتر پیشنهادات شما (یا مشتری) به دست خواهید آورد.

3 ابزاری که به شما کمک می کند با محتوای واقعی کار کنید

بدیهی است ، شما می توانید محتوای واقعی را به هر ابزار طراحی بکشید تا وفاداری بیشتری به وب و طراحی محصول خود بیاورد. اما چند ابزار وجود دارد که وقتی با محتوای واقعی کار می کنید واقعاً می درخشد.

وب جریان CMS

اواخر سال 2015 راه اندازی شد ، CMS تصویری Webflow با گردش کار محتوای اول به زیبایی کار می کند. فقط کافی است یک مجموعه از 13 بلوک اصلی ایجاد کنید (از تصاویر گرفته تا پیوندها به ارجاع به مجموعه های دیگر) تا یک ساختار کاملاً سفارشی ایجاد کنید ، محتوای خود را وارد کنید ، سپس با آن محتوا کار کنید تا یک طراحی عالی ایجاد کنید. حتی می توانید نمونه داده های "ساختگی" را برای شروع روند طراحی خود بکشید.

افزونه Craft Data برای Sketch

این افزونه Sketch و Photoshop رایگان از InVision LABS به شما امکان می دهد محتوای واقعی را از پرونده های خود ، وب سایت های موجود یا پرونده های JSON بیرون بیاورید و آنها را در طرح های خود متصل کنید.

Random User Generator API

اگر یک برنامه نویسی کد یا فتوشاپ هستید ، Random User Generator به شما امکان می دهد اشیا J JSON ، SQL ، CSV یا YAML را ایجاد کنید که می توانید در طرح های خود قرار دهید.

پست های محبوب
چگونه بارگیری مجدد رمز عبور دیسک Windows را به راحتی بارگیری کنیم
ادامه مطلب

چگونه بارگیری مجدد رمز عبور دیسک Windows را به راحتی بارگیری کنیم

من رمز ورود خود را فراموش کرده ام و نمی توانم آن را بدون تنظیم مجدد دیسک تنظیم مجدد کنم. من دیسک تنظیم مجدد ندارم. این دیوانه است که نمی توانم رمزعبور خود را برای ویندوز 10 تنظیم کنم. بارگیری مجدد دیس...
نحوه حل خطای رخ داده در حالی که جادوگر سعی در تنظیم رمز ورود برای این حساب کاربری داشت
ادامه مطلب

نحوه حل خطای رخ داده در حالی که جادوگر سعی در تنظیم رمز ورود برای این حساب کاربری داشت

"من رمز ورود خود را فراموش کردم بنابراین نمی توانم به رایانه دسک تاپ خود دسترسی پیدا کنم. من قبلاً یک دیسک تنظیم مجدد رمز عبور ایجاد کردم اما وقتی روی" تنظیم مجدد رمز عبور "(از صفحه ورو...
2 روش برتر برای باز کردن قفل Vivo Y91 FRP در سال 2020
ادامه مطلب

2 روش برتر برای باز کردن قفل Vivo Y91 FRP در سال 2020

اگر از گوشی Vivo استفاده می کنید ، ممکن است مشکل FRP Lock را تجربه کرده باشید. Factory Reet Protection از بازنشانی کارخانه دستگاه بدون اعتبار حساب Google جلوگیری می کند. همچنین می تواند با سال کردن اع...