طراحی تجربه کاربری
توسعه نرمافزار |
---|
طراحی تجربهٔ کاربری (به انگلیسی: User Experience Design) که به اختصار به آن UX, UXD, UED و همچنین XD نیز گفته میشود، روندی است که به منظور افزایش رضایت کاربر (یا مشتری) از محصول که از طریق ارتقاء کیفی موارد زیر محقق میگردد:
- بهبود کاربردپذیری
- بهبود دسترس پذیری
- تعاملی لذتبخش بین کاربر (یا مشتری) و محصول
تاکنون، مطالعات انجام شده در زمینهٔ تجربهٔ کاربری (UX) بیشتر بر روی ارزیابیهای کوتاه مدت و ارتباطات طولانی مدت با مشتری متمرکز بودهاست که اخیراً همین رابطهٔ طولانی مدت، کلید اصلی رسیدن به موفقیت در بازار بهحساب میآید.[۱]
در طراحی تجربه کاربری، سعی میشود طراحی کاربر محور به نحوی که بهترین بازخورد در کنار بهینهترین حالت سوددهی انجام شود. در طراحی تجربه کاربری، مقصود از سود، رسیدن به هدف تعامل مشتری (کاربر) با محصول است و صرفاً مقاصد مالی ملاک قرار نمیگیرد.
در تعریف راهکارهای طراحی تجربه کاربری غالباً کاربر در مرکز توجه قرار گرفته (User Centered Design) و حتی به احساسات، عادات رفتاری و ویژگیهای شخصیتی او نیز توجه میشود. راهکارهایی که در طراحی تجربه کاربری مطرح میگردد ممکن است در تعیین نقشه سایت، طراحی رابط کاربری (رنگهای معنادار، چیدمان کاربردی، ترتیب گزینهها،...)، برنامهنویسی (روند ثبت فرمها، شیوه ذخیرهسازی اطلاعات کاربر، مراحل خرید،...)، محتوای متنی و تصویری (عناوین بخشها، وضوح نوشتهها و توضیحات، تصاویر راهنما، تصویرسازیها،...)، و حتی در استراتژیها و بخشهای عملیاتی وبسایت (نظیر شیوه ارسال کالا در سایتهای فروشگاهی) دخالت کند و پیشنهادهایی برای بهینهسازی و راحتسازی تعامل کاربر با سیستم ارائه نماید؛ بنابراین طراحی تجربه کاربری نیاز به دیدی کلی نسبت به یک محصول دارد و آشنایی به تمام تخصصهای به کار رفته در یک سیستم از الزامات آن است.
UXD با پرداختن به تمام جوانب یک محصول و انتظارات مشتری از آن محصول، برای تعامل بین انسان و کامپیوتر طراحی شده. (که به آن Human-Computer Interaction یا به اختصار HCI گفته میشود)[۲]
طراح تجربه کاربری کسی است که توانایی تحلیل و تجزیه بالایی دارد. و میتواند با بهرهگیری از تجربه خود محصولات و خدمات را طراحی کند. البته نرمافزارهای مختلفی وجود دارد که برای شما طراحی میکند. اما تمامی این طرحها در واقع تکراری هستند. یک طراح حرفه ای از این ابزارها به عنوان نمونه استفاده میکند و از آنها ایده میگیرد. تا بهترین طراحی را برای شما به ارمغان بیاورند. اگر دقت کرده باشید تجربه کاربری مهمترین حوزه در طراحی سایت محسوب میشود.
همچنین برای طراحی سایتها میتوان از طراحی پارالاکس در طراحی رابط کاربری استفاده کرد. طراحی سایت پارالاکس به نحوی است که کاربر با اسکرول کردن ماوس باعث تغییر و جابجایی المان و عناصر در صفحه میشود و به جذابیت کار میافزاید. این باعث میشود تا کاربر مدت زمان بیشتری در صفحه سایت حضور داشته باشد.
تاریخچه
[ویرایش]زمینه طراحی تجربه کاربری یک رشته طراحی مفهومی است و ریشه در عوامل انسانی و ارگونومی دارد. این فعالیت از اواخر دهه ۱۹۴۰ بر تعامل بین کاربران انسانی، ماشینها و محیطهای متنی برای طراحی سیستمهایی متمرکز شدهاست که به آن میپردازند. با گسترش رایانههای محل کار در اوایل دهه ۱۹۹۰، تجربه کاربر شروع به تبدیل شدن به یک بینش مثبت برای طراحان کرد. دونالد نورمن (Donald Norman)، استاد و محقق در طراحی، قابلیت استفاده و علوم شناختی، اصطلاح «تجربه کاربر» را ابداع کرد و آن را برای مخاطبان گستردهتری به ارمغان آورد.
محقق دونالد نورمن در گفتهای چنین میگوید:
«من این اصطلاح را اختراع کردم زیرا فکر میکردم رابط انسانی و قابلیت استفاده بسیار محدود است. من میخواستم تمام جنبههای تجربه فرد را با سیستم از جمله گرافیک طراحی صنعتی، رابط کاربری، تعامل فیزیکی و دفترچه راهنما پوشش دهم. از آن زمان این اصطلاح به طور گسترده گسترش یافتهاست، به طوری که شروع به از دست دادن معنای خود میکند.»
بحثی در جامعه طراحی تجربه کاربری در مورد تمرکز آن وجود دارد که تا حدی توسط محقق و متخصص طراحی، دان نورمن برانگیخته شدهاست. نورمن ادعا میکند که وقتی طراحان افراد را فقط به عنوان مشتری، مصرفکننده و کاربر توصیف میکنند، طراحان در معرض خطر کاهش توانایی آنها برای انجام طراحی خوب هستند.
عناصر
[ویرایش]تحقیقات
[ویرایش]طراحی تجربه کاربری از روی رویکردهای طراحی مانند تعامل انسان–کامپیوتر و طراحی محور بر کاربر بهره میبرد، و عناصری از رشتههای مشابهی چون طراحی تعاملی، طراحی دیداری، معماری اطلاعات، تحقیقات کاربری و دیگران را در بر میگیرد.
یک قسمت دیگر از تحقیقات درک کاربران نهایی و هدف از استفاده از برنامه است. اگرچه این ممکن است به طراح واضح به نظر بیاید، اما به دور ایستادن و همدلی با کاربر بهترین نتایج را خواهد داشت.
این به شناسایی و اثبات یا رد فرضیات، یافتن شباهتها در میان اعضای هدف مخاطبان، و شناخت نیازها، اهداف، و مدلهای ذهنی آنها کمک میکند.
طراحی دیداری
[ویرایش]طراحی دیداری، بهطور معمول به عنوان طراحی گرافیک، طراحی رابط کاربری، طراحی ارتباطات و ارتباطات دیداری نیز شناخته میشود، ظاهر یا چهره و حالت نهایی هر رابط کاربری را نمایان میکند. طراحی گرافیک عناصر رابط کاربری اغلب به عنوان طراحی دیداری در نظر گرفته میشود. هدف طراحی دیداری استفاده از عناصر دیداری مانند رنگها، تصاویر و نمادها برای انتقال یک پیام به مخاطبان خود است. اصول روانشناسی گشتالت و دیدگاه دیداری یک دیدگاه شناختی ارائه میدهند که چگونه ارتباط دیداری مؤثر ایجاد کنیم.[۳]
طراحی تعاملی
[ویرایش]تعامل در طراحی، بخشی اساسی از تجربه کاربری (UX) است که بر تعامل بین کاربران و محصولات تمرکز دارد.[۴] هدف از طراحی تعامل، ایجاد یک محصول با تجربهای پایانی کاربری کارآمد و لذتبخش است، که به کاربران امکان میدهد هدف خود را به بهترین شیوه ممکن دستیابی داشته باشند.[۵][۶]
تأکید فعلی بر طراحی متمرکز بر کاربر و تمرکز قوی بر ارتقاء تجربه کاربری، طراحان تعامل را در مفهومپردازی محصولات به منظور تطبیق با انتظارات کاربران و مطابقت با استانداردها و الگوهای جدید رابط کاربری به عنوان یک عامل اساسی جلب نظر قرار داده است.[۷]
در چند سال اخیر، نقش طراح تعامل از تمرکز فقط بر روی مشخص کردن عناصر رابط کاربری و ارتباط آنها با مهندسان به شرایطی منتقل شده است که طراحان بیشتر آزادی دارند تا رابطهای زمینهای را طراحی کنند که بر اساس کمک به تأمین نیازهای کاربر ساخته شدهاند.[۸] بنابراین، طراحی تجربه کاربری به یک شاخه طراحی چند رشتهای تکامل یافته است که شامل جنبههای فنی مختلف از طراحی گرافیک حرکتی و انیمیشن تا برنامهنویسی کامپیوتر میشود.
استفادهپذیری
[ویرایش]استفادهپذیری، اندازهگیری است که یک محصول توسط کاربران مشخص برای دستیابی به اهداف مشخص، با کارایی، کارآمدی، و رضایت در یک زمینه مشخص از استفاده، قابل استفاده است.[۹]
استفادهپذیری به تمام ابزارهایی که توسط انسانها استفاده میشود، متصل است و به هر دو دستگاه دیجیتال و غیر دیجیتال گسترده میشود. بنابراین، این یک زیرمجموعه از تجربه کاربری است اما کاملاً شامل نمیشود. بخش استفادهپذیری که با طراحی تجربه کاربری تداخل دارد، مربوط به توانایی انسانها برای استفاده از یک سیستم یا برنامه است. استفادهپذیری خوب برای تجربه کاربری مثبت ضروری است اما تنها این را تضمین نمیکند.[۱۰]
دسترسیپذیری
[ویرایش]دسترسی به یک سامانه، سهولت دسترسی، استفاده و درک آن را توصیف میکند. از دیدگاه طراحی تجربه کاربری، ممکن است به کلیه قابل فهم بودن اطلاعات و ویژگیها هم مرتبط باشد. این کمک میکند میانه یادگیری مرتبط با سامانه را کاهش دهد. دسترسیپذیری در بسیاری از زمینهها ممکن است به سهولت استفاده برای افراد با ناتوانی مرتبط باشد و در دسته استفادهپذیری قرار گیرد.[۱۱] علاوه بر این، طراحی دسترسیپذیر مفهوم خدمات، محصولات یا امکانات است که طراحان باید برای نیازهای افراد با ناتوانی در نظر بگیرند و با آن همخوانی داشته باشند. طبق رهنمودهای دسترسی به محتوا در وب (WCAG)، همه محتوا باید اصول اصلی POUR یعنی احساسپذیر، قابل اجرا، قابل فهم و سترگ باشد.[۱۲]
تطابق با دسترسی به محتوا وب (WCAG)
[ویرایش]راهنمای دسترسی به محتوا وب (WCAG) 2.0 شامل گسترهای از توصیهها برای افزایش دسترسی به محتوا در وب است. این اقدام باعث میشود محتوای وب برای کاربران عمومی قابل استفادهتر باشد.[۱۳] افزایش قابلیت استفاده و دسترسی سریع به تمام انواع کاربران، تجربه کاربری کلی کاربر را بهبود میبخشد.
تعامل انسان و کامپیوتر
[ویرایش]تعامل انسان و کامپیوتر با طراحی، ارزیابی و پیادهسازی سامانههای محاسباتی تعاملی برای استفاده انسان و مطالعه پدیدههای اصلی اطراف آنها سر و کار دارد.[۱۴]
طراحی
[ویرایش]وقتی طراح مفهوم قوی از نیازها و اهداف کاربر دارد، شروع به طراحی چارچوب تعاملی میکند (همچنین به نام سیمنماها شناخته میشود). این مرحله ساختار ارتباطی صفحات، همچنین جریان، رفتار و سازماندهی محصول را تعریف میکند. در این فاز تکراری، از تعداد زیادی مواد مختلف میتوان برای این مرحله استفاده کرد؛ از تخته سفید گرفته تا پروتوتایپهای کاغذی. هنگامی که چارچوب تعاملی یک ساختار کلی برای رفتار محصول ایجاد میکند، یک فرایند موازی بر روی طراحیهای بصری و صنعتی تمرکز دارد. چارچوب طراحی بصری ویژگیهای تجربه، زبان بصری و سبک بصری را تعریف میکند.[۱۵]
هنگامی که یک چارچوب قوی و پایدار ایجاد میشود، سیمنماها از داستانهای اسکچشده به صفحات با رزولوشن کامل ترجمه میشوند که رابط کاربری را به سطح پیکسل نشان میدهند. در این لحظه، مهم است که تیم برنامهنویسی به نزدیکی با طراح همکاری کند. ورود آنها ضروری است تا یک طراحی نهایی ایجاد شود که میتواند و خواهد شد ساخته شود و همچنان مطابق با مفهوم باقی بماند.
آزمون و تکرار
[ویرایش]آزمون کاربری با ارائه وظایف مختلف به کاربران بر روی پروتوتایپها انجام میشود. هر مشکل یا مشکلی که توسط کاربران مواجه میشود، به عنوان یادداشتهای میدانی جمعآوری میشود و این یادداشتها برای ایجاد تغییرات در طراحی و تکرار فاز آزمون مورد استفاده قرار میگیرند.[۱۶] علاوه بر مشاهده مشکلات، سؤالاتی که توسط کاربران پرسیده میشود نیز یادداشت میشود تا نقاط احتمالی ابهام شناسایی شود. آزمون کاربری در اصل یک وسیله برای "ارزیابی، نه ایجاد" است.[۱۷]
تحویلهای تجربه کاربری (UX)
[ویرایش]طراحان تجربه کاربری (UX) وظایف مختلفی را انجام میدهند و به همین دلیل از یک مجموعه از تحویلها برای ارتباط ایدههای طراحی و یافتههای تحقیقاتی خود با نهادهای مربوط استفاده میکنند.[۱۸] درباره اسناد مشخصات UX، این نیازها به مشتری یا سازمانی که در فرایند طراحی یک محصول شرکت دارد، وابسته است. چهار تحویل اصلی عبارتند از: صفحه عنوان، مقدمه به ویژگی، وایرفریمها و تاریخچه نسخه.[۱۹] با توجه به نوع پروژه، اسناد مشخصات ممکن است شامل مدلهای جریان، مدلهای فرهنگی، پرسنلها، داستانهای کاربر، سناریوها و هر تحقیق قبلی در زمینه کاربران نیز شامل شوند.[۱۸]
تحویلهایی که طراحان UX به عنوان بخشی از کار خود تولید خواهند کرد، شامل وایرفریمها، پروتوتایپها، نمودارهای جریان کاربر، اسناد مشخصات و فنی، وبسایتها و برنامهها، موکاپها، ارائهها، پرسنلها، پروفایلهای کاربر، ویدئوها و در یک میزان کمتر، گزارشها میشوند.[۲۰] اسناد کردن تصمیمات طراحی در قالب وایرفریمهای حاوی حاشیه نویسی، اطلاعات لازم را برای برنامهنویس برای موفقیت در کدگذاری پروژه فراهم میکند.[۲۱]
پس از راهاندازی پروژه
[ویرایش]نیازمندیها:
- آزمون کاربری/آزمون قابلیت استفاده
- آزمون A/B
- معماری اطلاعات
- نقشههای سایت و جریانهای کاربر
- وایرفریمهای اضافی به عنوان نتیجه آزمونها و تنظیمات دقیق[۲۲]
آزمون طراحی تجربه کاربری
[ویرایش]آزمون قابلیت استفاده روش رایجترینی است که طراحان برای آزمودن طرحهای خود به کار میبرند. ایده اصلی پشت انجام یک آزمون قابلیت استفاده، بررسی این است که آیا طراحی محصول یا برند با کاربران هدف به خوبی هماهنگ است یا خیر. آزمون قابلیت استفاده به این معناست که آیا طراحی محصول موفق است و در صورت عدم موفقیت، چگونه میتواند بهبود یابد.
در حالی که طراحان آزمونها را انجام میدهند، آنها برای کاربر آزمون نمیگیرند، بلکه برای طراحی. علاوه بر این، هر طراحی در حال تکامل است و هر دو طراحی تجربه کاربری و تفکر طراحی به سمت توسعه نرمافزار چابک حرکت میکنند.[۲۳] طراحان آزمون قابلیت استفاده را در زودهنگام و بهصورت مکرر انجام میدهند تا اطمینان حاصل شود که هر جنبه از محصول نهایی آزمون شده است.[۲۴]
آزمونهای قابلیت استفاده نقش مهمی در ارائه یک محصول نهایی یکپارچه دارند؛ با این حال، مجموعهای از عوامل بر روی فرایند آزمون تأثیر میگذارند. ارزیابی روشهای کیفی و کمی تصویر کاملی از طراحیهای تجربه کاربری فراهم میکند و یکی از این روشهای کمی، آزمون A/B است (جهت مشاهده آزمون قابلیت استفاده). یک مفهوم کلیدی دیگر در اثربخشی آزمون طراحی تجربه کاربری، مفهوم شخصیت یا نمایندگی از متداولترین کاربر یک وبسایت یا برنامه خاص است و چگونگی تعامل این شخصیتها با طراحی مورد نظر.[۲۵] در کل، در آزمون قابلیت استفاده طراحی تجربه کاربری، کاربر در مرکز توجه قرار دارد؛ با این حال، مراحلی در جهت اتوماسیون آزمون طراحی انجام شده است، بهعنوان مثال Micron که محیط آزمون پیشرفته (ATE) را توسعه داده است که آزمونهای تجربه کاربری را بر روی گوشیهای هوشمند اندروید اجرا میکند.در حالی که ابزارهای نرمافزاری کمی که دادههای قابل اقدام جمعآوری میکنند، مانند لاگرها و عوامل متنقل، به درک تجربه کاربری کاربر کمک میکنند، پاسخهای کیفی که از آزمونهای طراحی تجربه کاربری زنده و مبتنی بر کاربر به وجود میآیند، از دست میروند. ATE به شبیهسازی حرکت دستگاهی که بر روی جهت طراحی و عملکرد حسگر تأثیر میگذارد، خدمت میکند تا تجربه واقعی کاربر بر اساس دادههای آزمون کاربر قبلی که قبلاً جمعآوری شده است، تخمین زده شود.[۲۶]
تجربه کاربری در محصولات غیر آنلاین
[ویرایش]طراحی رابط کاربری (UI) و همچنین طراحی تجربه (UX) هر دو باید با یکدیگر همکاری داشته باشند تا به محصول موردنظر دست یافت. طراحی تجربه کاربری موضوعی به صورت تحلیلی و تکنیکالی میباشد در صورتی که طراحی رابط کاربری بیشتر به طراحی گرافیک شباهت دارد با این تفاوت که وظایف پیچیده تری را به عهده دارد. در طراحی سایت برای طراحی کردن رابط کاربری و تجربه کاربری، نرمافزار تجربه کاربری (UX) و رابط کاربری (UI) با همکاری یکدیگر وقت خود را برای حذف کردن موانع راه جهت یک تجربه خوب متمرکز میشوند. طراحان تجربه کاربری بهطور فعالانه بر روی جنبههای تعامل کاربر با شرکت، خدمات و محصولات متمرکز میشوند. تجربه کاربری تنها در کسب و کارهای آنلاین وجود ندارد. یکی از نمونههای بسیار ملموس از تجربه کاربری و تفاوت آن با رابطه کاربری، مثال طراحی سسهای هاینز و سایر سسها است. به طراحی سس هاینز دقت کرده باشید، آنها طوری طراحی شدهاند که شما هنگام استفاده، دیگر نیازی ندارید چندبار آن را تکان داده، سپس مصرف کنید. UX یا همان تجربه کاربری، بیش از این که به ظاهر و زیبایی یک محصول یا یک وب سایت اهمیت دهد، نگاهی به نحوه مصرف آن توسط مشتری یا کاربر دارد.
منابع
[ویرایش]- ↑ Kujala, Sari; Roto, Virpi; Väänänen-Vainio-Mattila, Kaisa; Karapanos, Evangelos; Sinneläa, Arto (2011). "UX Curve: A method for evaluating long-term user experience". Interacting With Computers. 23 (5): 473–483. doi:10.1016/j.intcom.2011.06.005. Retrieved 20 April 2014.
- ↑ "What is user experience design?". IBM.
- ↑ "راهنمای استایل وب طراحی دیداری 3". راهنمای استایل وب. Retrieved 2015-06-18.
- ↑ "طراحی تعامل چیست؟". 25 July 2020.
- ↑ "اصول طراحی اپلیکیشن موبایل". Archived from the original on 2018-04-13.
- ↑ "طراحی تجربه کاربری چیست؟ مرور، ابزار و منابع". 5 October 2010.
- ↑ "پنج شایستگی طراحی تجربه کاربری".
- ↑ Lowgren, Jonas. طراحی تعامل - مقدمهای مختصر. The Interaction Design Foundation. Retrieved 2015-06-18.
- ↑ "استانداردهای بینالمللی". UsabilityNet. 1998. Archived from the original on 11 May 2015. Retrieved 2015-06-18.
- ↑ Marcus, Aaron (2015). طراحی، تجربه کاربری، و استفادهپذیری: گفتمان طراحی. Springer. p. 340. ISBN 978-3-319-20886-2. Retrieved 26 July 2015.
- ↑ Butters, Kerry (16 اکتبر 2014). "اساسات تجربه کاربری عالی". Archived from the original on 6 July 2015. Retrieved 26 July 2015.
- ↑ "در مورد دسترسیپذیری چیست؟". The Interaction Design Foundation (به انگلیسی). Retrieved 2021-03-31.
- ↑ "راهنمای دسترسی به محتوا وب (WCAG) 2.0". W3C (به انگلیسی). Retrieved 2017-12-05.
- ↑ "برنامه درسی برای تعامل انسان و کامپیوتر، فصل 2. تعریف و مروری بر تعامل انسان و کامپیوتر". ACM SIGCHI. Archived from the original on 17 August 2014. Retrieved 2015-06-18.
- ↑ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design (4th ed.). Wiley. p. 131. ISBN 978-1-118-76657-6.
- ↑ Treder, Marcin (2012-08-29). "Beyond Wireframing: The Real-Life UX Design Process". Smashing Magazine. Retrieved 2015-06-18.
- ↑ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design. Wiley. p. 140. ISBN 978-1-118-76657-6.
- ↑ ۱۸٫۰ ۱۸٫۱ "An Overview Of The Most Common UX Design Deliverables". Smashing Magazine (به انگلیسی). 2017-09-27. Retrieved 2020-03-15.
- ↑ Kiess, Chris (2014-05-07). "A Practical Guide to UX Specifications". C L Kiess. Retrieved 2015-06-18.
- ↑ Lauer, Claire; Brumberger, Eva (2016). "Technical Communication as User Experience in a Broadening Industry Landscape". Technical Communication (Washington). 63 (3).
- ↑ "Wireframing – The Perfectionist's Guide". Smashing Magazine (به انگلیسی). 2016-11-22. Retrieved 2020-03-15.
- ↑ Oscar, Julian. "What's the Difference Between a User Experience (UX) Designer and a User Interface (UI) Designer?". Zantro. Archived from the original on 5 June 2019. Retrieved 2015-09-24.
- ↑ Da Silva, Tiago Silva; Silveira, Milene Selbach; Maurer, Frank; Silveira, Fábio Fagundes (2018-10-01). "The evolution of agile UXD". Information and Software Technology. 102: 1–5. doi:10.1016/j.infsof.2018.04.008. ISSN 0950-5849. S2CID 51882960.
- ↑ "آزمون قابلیت استفاده". usability.gov. 13 November 2013.
- ↑ Porter, Chris; Letier, Emmanuel; Sasse, M. Angela (August 2014). "Building a National E-Service using Sentire experience report on the use of Sentire: A volere-based requirements framework driven by calibrated personas and simulated user feedback". 2014 IEEE 22nd International Requirements Engineering Conference (RE). IEEE. pp. 374–383. doi:10.1109/RE.2014.6912288. ISBN 978-1-4799-3033-3. S2CID 9802003.
- ↑ Canfora, Gerardo; Mercaldo, Francesco; Visaggio, Corrado Aaron; D'Angelo, Mauro; Furno, Antonio; Manganelli, Carminantonio (March 2013). "A Case Study of Automating User Experience-Oriented Performance Testing on Smartphones". 2013 IEEE Sixth International Conference on Software Testing, Verification and Validation. IEEE. pp. 66–69. doi:10.1109/ICST.2013.16. ISBN 978-1-4673-5961-0. S2CID 12596696.
https://en.wikipedia.org/wiki/User_experience_design edited and translated by