۷ اشتباه رایج UX
2 دیدگاه
21 تیر 1397
نویسنده : پشتیبان
دسته بندی : مقاله ها
با سلام به دوستان عزیز.امیدوارم خوب باشید.امروز با مقاله ای دیگر از دنیای گرافیک در خدمتتون هستیم.این مقاله در مورد اشتباهات رایج UX صحبت می کند.یک پروژه موفق ترکیبی از طراحی خوب، محتوای کشنده و کمی شانس است. همچنین اغلب یک طراحی با اشتباهات ساده ی UX که باعث خراب کردن محتوا و ایجاد اختلال در عملکرد پیش فرض اینترفیس می شود از خط خارج می شود .کاربران به راحتی می توانند مسیر پیروزی خود را از این که چرا در آنجا هستند و آنچه که قرار است انجام دهند، از دست بدهند. خوشبختانه، بسیاری از این اشتباهات طراحی،قابل شناسایی و تصحیح آسان است.پس با ما همراه باشید.
۱٫ تایپوگرافی ناخوانا
یک فاز کوتاه وجود دارد جایی که طرح ها با فونت های تازه بسته بندی شده اند. در حالی که این امر به خودی خود مسئله نیست، در صورتی که کلمات برای خواندن دشوار است، مشکل وجود دارد. (اگر یک کاربر نتواند آنچه را که میگوید، چه واژه هایی را در طراحی بنویسد؟)
هنگامی که به گزینه های تازگی نگاه می کنید، از چگونگی ظاهر متن همراه با کلماتی که شما استفاده کنید آگاه باشید. برخی ترکیب ها ممکن است در یک متن بهتر از دیگران کار کنند. با توجه به تعداد و تعداد کاراکترهای مورد استفاده، به ویژه با یک متن نوآور، توجه کنید. (شخصیت های کمتر اغلب با تایپوگرافی نمایش ویژه ای بهتر است.)
چگونه بدانید خواندن آن سخت است؟ ازفونت هایی با کجی مفرط، نامه های تنگ و چسبنده، خط ها یا بندها و یا فرم های فرموله ای که به نظر می رسد با هم اجرا می شوند یا شکل های غیر معمولی دارند، آگاه باشید.
در حال حاضر آن را ثابت کنید: فونت غیر قابل خواندن را برای چیزی با موضع گسترده تر و فرم های رایج تر عوض کنید. شما لازم نیست همه راه را به Helvetica تغییر دهید، اما برای چیزی قابل خواندن و جالب بروید. از این مجموعه Fonts Google امتحان کنید.
۲٫هماهنگی ضعیف
چپ، راست، درون، توجیه شده؟
ما شایستگی های انواع هم ترازی را در اینجا بحث نمی کنیم. این کار بزرگ این است: هماهنگی همیشگی چیزی است که واقعا اهمیت دارد. نوع و عناصر باید به راحتی در یک شبکه بمانند. باید از لبه های مجاور اجتناب شود.
مشکل هماهنگی ضعیف این است که جریان بصری را مختل می کند و باعث می شود کاربران از یک عنصر به بعد در طراحی حرکت می کنند. آنها می توانند در آشفتگی به به انحراف برسند یا ممکن است از زمانی که به محتوا می آیند آنچه که مهمتر است از دست برود.
اکنون آن رانصب کنید: سبکهای ترازسازی را برای عناصرتنظیم کنید. آیا عکس ها در مرکز قرار دارند یا در متن حاشیه چپ متناسب هستند؟ مجموعه ای از دستورالعمل ها را ایجاد کنید، طرح را تنظیم کنید و قوانین را به جلو حرکت دهید.
۳٫ تصاویر نامناسب
تصاویر نامناسب قاتل محتوا است. این می تواند یک ارتباط بصری دیجیتال با متن ایجاد کند.
در حالی که تصاویری که کوتاه می شوند، اغلب در یک سبک “در زمانی که شما آن را می بینید آن می داند” می آیند، تعدادی پرچم قرمز برای جستجو در پروژه های شما وجود دارد:
- عکس های احمقانه و زیادی استفاده شده ی موجود : اگر عکس به نظر واقعی نرسد (افرادی که در تجارت درخواست خنده بدون اراده داده اند) و یا اگر شما آن را در سایر وب سایت های مشابه دیده اید، از آن اجتناب کنید.
- تصاویر با کیفیت پایین: اگر عکس خارج از فوکوس است، تیره و یا ضعیف، از آن استفاده نکنید. هرعکسی بهتر از یک عکس بداست.
- تصاویر با رزولوشن پایین: یک تصویر پیکسل شده همیشه بد است. بسیاری از قوانین عکس که بخشی ازجریان کار طراحی بودند چند سال پیش به دلیل محبوبیت و محبوبیت صفحه نمایش با وضوح بالا، باید تجدید نظر شود.
- تصاویر مبهم محتوای را افزایش نمی دهند: از یک عکس فقط از بخاطر این که می توانید استفاده نکنید، حتی زمانی که ارتباطی با محتوای متن ندارد. تصاویر باید محتوای را افزایش دهند، نه حجم آن را.
اکنون آن را نصب کنید: یک بازرسی عکس بگیرید. از طریق طراحی خود جلو بروید و هر تصویری را که حاوی پرچم های قرمز بالا است را حذف کنید. اگر چیزی مناسب نداشته باشید، مجبور نیستید یک عکس را جایگزین کنید.
۴٫نادیده گرفتن جزئیات موبایل
دانش مشترک این است که وب سایت ها باید بر اساس چارچوب پاسخگویی طراحی شوند. آن دشوار است که یک طراح یا توسعه دهنده پیدا کرد که در غیر این صورت استدلال کند. اما یک قالب پاسخ دهنده یک راه حل یک مرحله ای نیست. طراحی باید برای اندازه های مختلف صفحه تنظیم شود.
اغلب این جزئیات غفلت می شود. وب سایت در تلفن همراه عمل می کند، اما اندازه های نوعی اندکی بیش از حد کوچک است و یا تصاویر به اندازه پاسخگو و نسبت به نسبت های مختلف از یک دستگاه تلفن همراه متناسب است. این جزئیات کوچک به طور جدی کاربران را آزار می دهد.
اکنون آن را نصب کنید: وقت خود را با طراحی تلفن همراه خود صرف کنید. توجه داشته باشید تمام جزئیات که به نظر می رسد خارج از محل و باعث سرخوردگی بگیرید. اندازه متن، تصاویر، زمان بارگذاری، قرار دادن دکمه ها را تنظیم کنید و تنظیمات لازم را انجام دهید تا یک تجربه بدون درز فراهم شود.
۵٫رنگ شویده
یک طراح سفته طراحی بی نظیری ایجاد می کند. یکی از راه های این اغلب منافع با رنگ شوریده و عدم پالت تعریف شده است.
رنگ بیش از اندازه می تواند منحرف شود و اغلب دارای احساس آماتور است. برای هر یک پروژه که پالت الهام گرفته از رنگین کمان را خاموش می کند، ۱،۰۰۰ پروژه دیگر شکست می خورند. به استثنای دستورالعمل های نام تجاری شما برای استفاده از این نوع طرح رنگ، از آن اجتناب کنید. (و اگر نام تجاری شما چنین دستورالعمل هایی داشته باشد، تازه کردن را تشویق کنید.)
اکنون آن را ثابت کنید: یک پالت رنگی قوی ایجاد کنید. با یک رنگ غالب و یک یا دو گزینه ثانویه شروع کنید. اگر شما نیاز به واریانس بیشتری دارید، از رنگ و طنز از آن پالت استفاده کنید (و قوانین را برای آن ایجاد کنید). شروع به افزودن رنگ دیگر نکنید.
۶٫ندادن چیزی به کاربران برای انجام دادن
تصور کنید فرود بر روی یک صفحه وب زیبا، اما پس از آن دانستن آنچه که بعدا انجام دهید. آیا شما حرکت میکنید؟ کلیک کنید آیا گام بعدی برای پیدا کردن محتوای بیشتر وجود دارد؟
این باید باشد.
یک طرح وب سایت خوب یک وب از اقدامات، تعاملات و حرکات است که از صفحه به صفحه جریان دارد. هدف این است که بازدیدکنندگان با همان محتوا که ممکن است در مسیر یک اقدام دلخواه به آن متصل شوند، متصل می شوند.
اکنون آن را نصب کنید: هر صفحه طراحی باید دارای یک تماس برای عمل باشد. کاربران باید دقیقا همان چیزی را که هدف هر صفحه است را بشناسند و می خواهند روی دکمه کلیک کنند، فرم را پر کنند، بازی کنند یا یک محصول خریداری کنند. ساختار طراحی باید شامل عناصر رابط کاربر جسورانه برای تشخیص کلیک و یا شیپور خاموشی از سبک های دکمه به دستورالعمل های عملی است.
۷٫خیلی بیشتر از یک چیز خوب
با عنصر فوق العاده سرد خود دل به دریا نزنید.
یک تصویر عالی دارید؟ از آن استفاده کنید. از آن بزرگ، حتی استفاده کنید. اما آن را با بسیاری از تصاویر دیگر که تصویر را رقیق می کند درهم نکنید.
همین امر مربوط به آیکونها یا هر روش دیگر است که قلاب شماست تا کاربران را جلب کند. شما می خواهید آنها را بیشتر بخواهید، و نه با حجم زیاد. این به نظر بسیار آسان است اما در واقعیت می تواند سخت باشد. (فقط از آن آیکون بسته که خریداری کرده اید و احساس نیاز به ارزش پول خود را با استفاده از هر مورد فکر کنید.)
اکنون آن رانصب کنید: استراتژی بیشتر کار کردن کمتر است. از عناصر مورد نیاز برای افزایش محتوای استفاده کنید. آن را غرق نکن از طریق طراحی فعلی بروید و تصور کنید یک عنصر را از هر صفحه گرفته باشید. چی میتونه باشه؟ آیا طراحی برای آن بهتر است؟
نتیجه گیری
هر طراح اشتباه طراحی را در اینجا و آنجا می کند. (بعضی از ما بیشتر از ما می خواهیم اعتراف کنیم) اما آیا می توانید مشکلات را شناسایی کرده و بهبود یابید؟
در حال حاضر باید با این لیست اشتباهات و راه های اصلاح آنها، شروع خوبی در این زمینه داشته باشید. زمانی که شما اشتباه طراحی را مرتکب می شوید، شرمنده نباشید، تنظیم کنید و حرکت کنید.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
واقعا افتضاح بود هیچی ازش نفهمیدم نکنه تو گوگل ترجمه کردین؟
درود یه خورده تخصص هست متر جمین سخت میتونند ترجمعه کنند