تجربه کاربری

تجربه کاربری، کاربردپذیری، طراحی تعامل، رابط کاربری

کارگاه کاربردپذیری محصولات دیجیتال در عمل

روز سه‌شنبه ۱۲ اردیبهشت یک کارگاه آموزشی با «کارگاه کاربردپذیری محصولات دیجیتال در عمل» در مرکز توانمندسازی و تسهیل‌گری کسب و کارهای نوپا فاوا دارم.

در این کارگاه ۴ ساعته درباره موضوعاتی زیر صحبت خواهم کرد:

  • مفهوم کاربردپذیری
  • عوامل موثر در کاربردپذیری
  • انواع آزمون‌های کاربردپذیری
  • چگونه یک آزمون مناسب انتخاب کنیم
  • نحوه تهیه گزارش کاربردپذیری
  • چگونه کاربردپذیر بودن یک محصول را بررسی کنیم
  • داشبورد کاربردپذیری

اطلاعات بیشتر در ایوند برای ثبت‌نام

درباره مرکز توانمندسازی و تسهیل‌گری کسب و کارهای نوپا فاوا بیشتر بدانید

 

مدافع حقوق کاربران باشید

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

برای دفاع از اهداف تجاری یک مجموعه تیم‌های مختلفی وجود دارد اما صرفا یک طراح تجربه کاربری یا کاربرپژوه یا تحلیل‌گر کاربردپذیری می‌تواند از نیاز و خواسته‌های کاربران دفاع کند و آنها را بیان نماید و برای آنها راهکاری داشته باشد و محصول را به گونه‌ای طراحی نماید که در بالاترین سطح کاربردپذیری با بهترین تجربه کاربری باشد.

تعاریف فرآیند طراحی تجربه کاربری

چند روز پیش یک سلسله توییت در مورد مفاهیم مختلفی که در طراحی تجربه کاربری و رابط کاربری استفاده می‌شه داشتم که اینجا با کمی توضیحات بیشتر نوشتم، دلیل این نوشته هم نامفهوم بودن تعاریف بود که خیلی از افراد این موارد را اشتباها به جای یکدیگر به کار می‌برند.

چند مفهومی که در فرآیند طراحی تجربه کاربری و رابط کاربری خیلی کاربرد دارد:

  • اسکچ
  • وایرفریم
  • پروتوتایپ
  • رابط کاربری
  • UI Kit
  • Mockup
  • User Flow

اسکچ

یکی از اولین کارهایی که در مرحله ایده پردازی غالبا انجام می‌شود تا درباره بک طرح صحبت کرد و منظور طراح را بیان کرد اسکچ است.
اسکچ می‌تونه به صورت کلی باشه و یا اینکه کمی جزئیات را شامل بشه و حتی برای جذابیت بیشتر به صورت طراحی شود، من گاهی رنگی طراحی می‌کنم و از ماژیک‌های PITT Artist Pen فابر کاستل استفاده می‌کنم.
من خودم از مداد و کاغذ نقطه‌ای (معمولا دفتر نقطه‌ای مثلث) استفاده می‌کنم و گاهی از اپ Paper روی آی‌پد استفاده می‌کنم تا بتونم طراحی‌ها را در قالب یک دفترچه به صورت دیجیتال داشته باشم.

وایرفریم

در مرحله بعد معمولا وایرفریم طراحی می‌شه، وایرفریم نتیجه یکی از اسکچ‌هایی است که نهایی شده است و جزئیات دقیق‌تری از طرح را بیان می‌کند که برای طراحان بصری قابل فهم است.
وایرفریم را می‌توان به صورت دستی روی کاغذ شطرنجی یا نقطه‌ای طراحی کرد ولی ابزار مناسب نرم‌افزارهایی نظیر Axure یا Justinmind یا ابزار آن‌لاین wireframe.cc هست

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

نمونه وایرفریم

پروتوتایپ

پروتوتایپ یک نمونه اولیه کلی با جزئیات کم برای نمایش عملکرد کلی محصول یا با جزئیات زیاد است که نمایش می‌دهد محصول چگونه کار خواهد کرد، این مشخص نمودن اینکه پروتوتایپ چگونه باشد بستگی به این دارد که برای چه منظوری نیاز است استفاده کنید به طور مثال برای دمو جزئیات زیاد و برای آزمون کاربردپذیری جزئیات کم، این مورد بستگی به استراتژی تیم تجربه کاربری و طراحی و محصول دارد.

پروتوتایپ می‌تواند از اسکچ دستی یا وایرفریم یا حتی رابط کاربری تهیه شود و بوسیله نرم‌افزارهای مختلف به صورت تعاملی طراحی شود.
من از InvisionApp استفاده می‌کنم.

بحث پروتوتایپ فوق‌العاده مفصل است و توی چندین پست در موردش توضیح خواهم داد.

رابط کاربری

رابط کاربری یعنی واسطی که کاربر هنگام کار با محصول مشاهده می‌کند.
بهترین حالت برای نشان دادن طرح به دیگران برای دریافت بازخورد رابط کاربری است.
یک رابط کاربری برای نهایی شدن شامل یک UI Kit خواهد بود که جزئیات کلیه المان‌های بصری نظیر رنگ و فونت و سایز و اجزای طراحی است که گاها به عنوان یک راهنما در اختیار سایر اعضای تیم قرار داده خواهد شد.

 

نمونه UI Kit

 

Mockup

در طراحی در حوزه محصولات دیجیتال آن‌لاین معمولا به طرحی گفته می‌شود که نشان می‌دهد که طراحی شما در موبایل یا وب چگونه نمایش داده می‌شود و بیشتر جنبه دموی کلی طراحی را دارد.

User Flow

در نهایت چیزی که تحویل سایر تیم‌ها خواهد شد یک پروسه
توی مطالب بعدی درباره مواردی نظیر User Flow و غیره خواهم نوشت که چگونه باید باشد.

 

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

شروع

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

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

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

در کنار این وبلاگ هم در تلاش هستم تا چند منبع درباره تجربه کاربری و غیره جمع‌آوری کنم.

اگر هم نظر یا پیشنهادی دارید مستقیما برای ارسال کنید باور کنید خیلی انتقادپذیر هستم  😉
اگر شما هم مطلبی داشتید که علاقه داشتید تا در این وبلاگ منتشر شود برای من ارسال کنید.
ایمیل من parhamb در جی‌میل است.