https://virgool.io/feed/@Hesam.keramati طراح تجربه‌ی کاربر در کافه‌بازار fa 2026-06-13 08:59:25 https://files.virgool.io/upload/users/85456/avatar/2W1tbr.jpeg?height=120&width=120 https://virgool.io/@Hesam.keramati https://virgool.io/cafebazaar/%D8%A8%D8%A7%D8%B2%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D8%B3%DB%8C%D8%B1-%D8%AC%D8%B3%D8%AA-%D9%88%D8%AC%D9%88-%D8%AF%D8%B1-%D8%A8%D8%A7%D8%B2%D8%A7%D8%B1-mrddnuepknv6 روزانه از هر ۱۰ کاربری که وارد اپلیکیشن بازار می‌شوند، تقریبا ۶ کاربر از طریق جست‌وجو، محتوای مورد نظر خود را پیدا می‌کنند. همین امر، بخش جست‌وجو را تبدیل به یکی از مهم‌ترین بخش‌های بازار کرده است.در گذشته طراحی مسیر جست‌وجوی بازار با توجه به نیازها و رفتار کاربران در محتوای بازی‌ها و برنامه‌ها انجام شده بود. یعنی نسخه قبلی را برای برطرف کردن نیاز پیدا کردن بازی یا برنامه طراحی کرده بودیم. بعد از اضافه شدن محتوای ویدیویی باید بررسی می‌کردیم فلوی جست‌وجو نیاز به تغییر دارد یا خیر.طرح مسئله: آیا نیاز به تغییر داشتیم؟در نسخهٔ قبلی، وقتی کاربر جست‌وجو می‌کرد، به تناسب عبارت (کوئری) جست‌وجو شده، نتایجی از بین بازی و برنامه به او نشان می‌دادیم. با اضافه شدن ویدیو، با کمترین تغییر ممکن ردیفی به هر نتیجهٔ جست‌وجو اضافه کردیم که در آن ویدیوهایی را نمایش می‌دادیم که تشخیص داده شده به عبارت جست‌وجو شده نزدیک هستند.این راه حل دو مسئلهٔ جدی داشت:۱) استفاده از فضای زیاد برای برطرف کردن نیاز ۱٪ کاربرهابا بررسی‌ داده‌های جست‌وجو، متوجه شدیم که ۱٪ از کاربران وارد صفحهٔ پیشنهادات مربوط به ویدیو می‌شدند. یعنی فقط ۱٪ جست‌وجوها منجر به تپ روی محتوای ویدیویی نمایش داده شده در جست‌وجو می‌شد. این به آن معنا بود که نمایش این ردیف به این شکل کار درستی نبوده و درصد زیادی از کاربرها برای پیدا کردن محتوای مورد نظر باید زمان بیشتری صرف می‌کردند.۲) عبارت‌های مشابه در محتواهای متفاوتنمایش بدون تفکیک دو محتوا از جنس‌های متفاوت به کاربر، مشکلاتی به وجود می‌آورد. فرض کنید کاربر عبارت «بازی» را جست‌وجو می‌کند، چطور تشخیص بدهیم که کاربر به دنبال فیلمی است که در عنوان آن واژهٔ «بازی» وجود دارد، یا عبارت «بازی» را به بهانهٔ رسیدن به لیستی از بازی‌های داخل بازار جست‌وجو کرده؟برای مثالی دیگر می‌توان به عبارت «شهرزاد» اشاره کرد. با این عبارت در بازار، هم محتوای بازی داریم هم محتوای ویدیویی.راه حلدر طراحی قبلی، راه رسیدن به جست‌وجو از bottom navigation و در کنار گزینه‌های برنامه، بازی و ویدیو بود. برای بهبود مشکلات بالا، کانال‌های جست‌وجوی محتوا را از هم تفکیک کردیم تا برای کاربر مشخص باشد که در کدام فضای محتوایی جست‌وجو می‌کند.در مسیر حذف جست‌وجو از bottom navigation و تغییر مکان برای جست‌وجو به ۳ مشکل برخوردیم که برخی از این مشکلات قبل از پیاده‌سازی در محصول و با تست‌های کاربردپذیری و برخی بعد از پیاده‌سازی و مشاهدهٔ رفتار کاربر بدست آمد که برای هر کدام راه حلی ارائه کردیم:۱) دسترسی فقط از صفحهٔ اولبعد از حذف دسترسی به صفحهٔ جست‌و‌جو از bottom navigation، کاربر در همهٔ صفحه‌ها به جست‌وجو دسترسی نداشت و برای هر بار جست‌وجو، می‌بایست به صفحهٔ اول برمی‌گشت؛ در حالی که در طراحی قبلی کاربر از هر صفحه‌ای که اراده می‌کرد می‌توانست وارد فرآیند جست‌وجو شود. به این ترتیب، جست‌وجو به هر صفحه‌ای که این ویژگی را نیاز داشت اضافه شد. برای مثال در صفحه‌های جزئیات برنامه یا ویدیو، در لیست‌ها و در صفحه‌های دسته‌بندی، که ممکن بود کاربر بخواهد جست‌وجویی انجام دهد، دکمهٔ جست‌وجو اضافه شد.۲) جست‌وجوی ویدیو در تب بازی و برنامه و یا برعکسبر اساس داده و مطالعات کاربرپژوهی متوجه شدیم که کاربران به اشتباه، عبارت خود را در بخش محتوایی نامربوط جست‌وجو می‌کنند. در قسمت ویدیو، به دنبال بازی می‌گردند و یا در قسمت ویدیو به دنبال بازی و برنامه. مثلا فرض کنید کاربری بازی Clash of Clans را می‌خواهد اما به اشتباه آن را در تبِ ویدیو جست‌وجو می‌کند. پس نتیجه‌ای از این جست‌وجو حاصل نمی‌شود و کاربر فکر می‌کند بازار این محتوا را ندارد. راه‌حل پیشنهادی، طراحی زیر بود که در نسخه‌های اخیر بازار اضافه شد و در آن کاربر می‌تواند با تغییر تب، در محتوای مدنظرش جست‌وجو کند. این راه حل را با تست کاربردپذیری پیش از پیاده‌سازی بررسی کردیم و مشکل مدنظر بهبود پیدا کرده بود.۳) عملکرد دکمهٔ بازگشت بر اساس مسیر طی شده یا معماری اطلاعات اپلیکیشن؟بیایید با هم به این سؤال پاسخ دهیم:فرض کنید کاربر یک عبارت را جست‌وجو می‌کند اما چون نتایج یافته شده چیزی نیست که می‌خواهد، هیچ‌ کدام از نتایج را لمس نمی‌کند. برای رسیدن به محتوای مورد نظر عبارت دیگری جست‌وجو کرده و باز هیچ‌ کدام از نتایج را لمس نمی‌کند. ممکن است این کار را بارها بدون وارد شدن به صفحهٔ جزئیات نتایج نمایش داده شده ادامه دهد. اکنون بعد از لمس دکمهٔ بازگشت، باید به کدام صفحه بازگردد؟وقتی کاربر چندین جست‌وجوی پشت سر هم انجام داده و به نتیجهٔ مطلوب نرسیده، بهتر است با زدن دکمهٔ بازگشت، به صفحه‌ای برگردد که جست‌وجو را از آن آغاز کرده بود، علاوه‌براین، نتیجهٔ کاربرپژوهی این موضوع را برای ما روشن‌ کرد که کاربران انتظار داشتند هنگام زدن دکمهٔ بازگشت، به صفحهٔ اصلی برنامه، بازی یا ویدیو برسند و زمانی که این اتفاق نمی‌افتاد، یا به طور مکرر دکمهٔ بازگشت را لمس می‌کردند یا برنامه را می‌بستند و دوباره باز می‌کردند. این یعنی کاربر بعد از دیدن نتایج و تصمیم برای بازگشت، نیازی به دیدنِ صفحه‌ای که در آن عبارت را تایپ کرده نداشته.پس تصمیم گرفتیم به منظور دسترسی سریع کاربر به صفحه های اصلی، جست‌وجوهایی که به صفحهٔ جزئیات نمی‌رسند و صفحاتی که کاربر در آن عبارت‌ها را جست‌وجو می‌کند در فرآیند بازگشت نشان داده نشوند. در حالی‌که در طراحی قبلی، دکمهٔ بازگشت، صفحات را تک به تک عقب می‌برد.به این شکل فرایند جست‌و‌جو، طی چند iteration متناسب با محتواهای داخل اپلیکیشن بازطراحی شد.روزانه چندین میلیون کاربر از جست‌وجوی بازار استفاده می‌کنند و هر تغییر کوچک و بزرگ چالش‌های زیادی دارد، ما سعی می‌کنیم با طراحی iterative هم ویژگی‌های جدیدی به بازار اضافه کنیم و هم مشکلات موجود را برطرف کنیم. اگر علاوه بر طراحی بصری محصولات دیجیتال، حل مسئله برایتان جذاب است و دوست دارید با این مسائل درگیر شوید، حتما از اینجا، موقعیت‌های شغلی بازار را مشاهده کنید و اگر علاقه‌مند هستید ، رزومه و پورتفولیوی خودتان را برای طراحی/پژوهش تجربهٔ کاربر ارسال کنید. حسام کرامتی حسام کرامتی Mon, 19 Jul 2021 14:42:39 +0430 https://virgool.io/@Hesam.keramati/%D8%B1%D9%88%D8%B2%DB%8C-%D8%B1%D9%88%D8%B2%DA%AF%D8%A7%D8%B1%DB%8C-%DA%A9%D8%B1%D9%88%D9%86%D8%A7-zkqy8bscaycx کرونا، روال زندگی عادی اکثر ما رو عوض کرده و عادت های جدیدی در ما ایجاد کرده به طوری که این تغییرات تبدیل شدن به روال جدیدمون. من یک پروداکت دیزاینر هستم و در این مطلب میخوام با توصیف یک روز کاریم، به تغییراتی که کرونا در سبک زندگیم ایجاد کرده اشاره کنم. حدود ساعت ۱۰ صبح طی یک فرآیند پیچیده و معمولا غیرارادی از خواب بیدار می شم. اولین کاری که میکنم اینه که با چشم هایی که به زور باز نگهشون داشتم، پترن گوشی رو با زحمت باز می کنم و «گوگل کلندر» رو چک میکنم که ببینم وضعیت جلسه های امروز چطوره.شاید بگید خب چه کاریه، شب قبل جلسه ها رو چک کن که سر صبح اینقدر به زحمت نیفتی. باید بگم که چون اکثر اوقات دیروقت میخوابم و خود آماده شدن برای خواب هم مراسم طولانی خودش رو داره، این کار رو فراموش می کنم. این مراسم طولانی که معمولا حدود یک ساعتی طول می کشه شامل مسواک و کارهای شخصی، قدم زدن در تمام بخش های خانه به شکل سرگردان، و تماشای بلوار نزدیک خونه از پنجره میشه که به خاطر کرونا خیلی خلوت شده. ساعت ۳ صبح تماشای خیابونی که گاهی ماشین شهرداری در حین آب دادن به درختان ازش رد میشه و گاهی چند تا ماشین (که به خاطر محدودیت های عبور و مرور کرونایی حدس میزنم تاکسی های اینترنتی باشن) جذابیت خاص خودشو داره.خب، برگردیم به چشمای خواب آلود و ادامه ماجرا. از حوالی صبح، دو تا جلسه روزانه (Daily) از دو تا تیم مختلف دارم که سعی می کنم در حد بضاعت در جلسات شرکت کنم، بعضی روزها هم… دست خودم نیست، خواب می مونم. خوبیش اینه که قبلا توی این جلسات روزانه باید سرپا می ایستادیم که طولانی شدنش آزارم میداد اما الان از زیر پتو به مدد «Skype» و گاهی «Discord» جلسه رو برگزار میشه و نیازی به ایستادن نیست.همچنان زیر پتو هستم و بعد از «Calendar» میرم سراغ «Slack». اول دایرکت ها رو جواب میدم چون معمولا ضروری تره و منشن های توی گروه های مختلف رو موکول میکنم به بعد صبحانه. در همین حال یه سر به «Gmail» می زنم و بعد «whatsapp». خب دیگه هرچیزی که فیلترشکن لازم نداشت رو چک کردم و حالا نوبت روشن کردن «فیلترشکن»، چک کردن «Telegram» و بعد «Twitter». بالاخره آماده ی خروج از تخت هستم!از مراسم باشکوه آمادگی قبل صبحانه که بگذریم (که بخشی ازش زل زدن به آینه ی دستشویی و نگاه به ریش هاییه که بلند شده اما حوصله کوتاه کردنش رو مثل همیشه ندارم…) میرم سراغ صبحانه. چند وقتیه که «اپلیکیشن همیشه» رو نصب کردم و قبل صبحانه طوری که خدای نکرده فشار خاصی بهم نیاد و در حدی که وجدانم راحت باشه که یه تکونی به بدنم دادم، باهاش ورزش می کنم، اخه بعد کرونا ۸ کیلویی چاق شدم!الان ساعت تقریبا ۱۲ شده که میرم سر کار. برای رسیدن به محل کارم از پذیرایی رد میشم و وارد اتاق کار میشم. روی لپ تاپم، «Slack» همیشه یه گوشه بازه. برای دیزاین تسکی که دستم دارم «Figma» رو باز می کنم و میشینم پاش. اگه به موردی بربخورم، به هم تیمی های عزیز «Skype» میزنم و باهاشون صحبت می کنم.توی هر تسک، بخشی از کارم رو دیدن یا به اصطلاح بنچ مارک اپلیکیشن های دیگه تشکیل میده، اینکه اونها در شرایط مشابه چه می‌کنن. این باعث میشه تلفن همراهم اطلس تقریبا کاملی از اپلیکیشن های کار درست مثل «Netflix»، «Spotify»، «Airbnb»، و غیره باشه که عصای پیری و کوری من هستند.بخش دیگه ای از کارم هم مکالمه و هماهنگی داخل تیمی با همکارام هست که طی اون سعی می کنیم بقول یکی از دوستان سوار یک قایق باشیم و در موضوعی که داریم روش کار میکنیم همدل بشیم. گاهی لازمه به جای جلسات تک به تک، یه جلسه گروهی تنظیم کنم و از مدیر محصول و کلاینت و بک اند همه رو جمع کنم تا طی مراسمی پر چالش به همدلی و در نهایت یک جمع بندی دلنشین برسیم و با رضایت اسکایپمونو قطع کنیم.بار مرداوات کاری بیشتر از قبل افتاده به گردن «Slack». وقتی مراودات حضوری داشتیم، واکنش و احساسات طرف مقابل رو از نزدیک لمس میکردیم اما الان به ایموجی ها بسنده می کنیم تا احساساتمون رو انتقال بدن. اینها هم ایموجی های محبوب من در اسلک هستند :) کماکان با «Figma» دیزاین میکنیم… از خوبی های «Figma» اینه که میتونیم چند نفری همزمان روی یک پروژه کار کنیم و کار رو جلو ببریم بدون اینکه نیاز باشه به صورت فیزیکی کنار هم باشیم. در نهایت هم جمع بندی کارهایی که امروز انجام دادم و مرور کارهایی که فردا قراره انجام بدم از طریق « Google Keep» انجام میشه.بعضی وقتها هم جلسه ی تی تایم یا فان تایم داریم. حالا فرق این دو تا چیه؟ توی تی تایم معمولا جمع میشیم و از روزمرگی ها و خاطراتمون برای هم تعریف می کنیم تا همبستگی تیم از بین نره. توی فان تایم هم بازی می کنیم که معمولا به «Secret Hitler» و یا «Among Us» می‌گذره. از خوبی های «Among Us» تو این روزایی که همدیگرو نمیبینیم و بازی می کنیم اینه که از طریق «Skype» یا «Discord» صحبت می کنیم و کسی فیزیکی کنارم نیست، چون وقتایی که ایمپاستر هستم دستام میلرزه و اگه کسی کنارم باشه کاملا متوجه موضوع میشه. البته تو سیکرت هیتلر هم سعی می کنم با خنده متناوب، فاشیست بودن کاراکترِ بازیم رو پنهان کنم که گاهی موفق و گاهی هم ناموفق هستم.حدود ساعت ۸ شب معمولا پایان روز کاری شرکت و شروع کار من روی پروژه ی «ایرانِ ما» است. پروژه ای دلی که دغدغه یک سری طراحه که دوست داریم ایران رو به تصویر بکشیم. این هم سایتمونه «our-iran.com» که می‌تونید از اینجا بیشتر باهامون آشنا بشید و ببینید تا حالا چه کردیم.یکی از ۳۱ نمادی که در ایران ما طراحی شد.برای ایرانِ ما، معمولا توی «Telegram» با هم تیمی ها صحبت می کنیم و در جریان روند پیشرفت کارها قرار می گیریم. در این حین به «Trello» سر میزنم ببینم برنامه ها چطور پیش میرن. حالا که فیلترشکن روشنه یه سر به «توییتر ایرانِ ما» می زنم ببینم چه خبره و بعد «اینستاگرام ایران ما» رو چک می کنم و در نهایت هماهنگی هایی برای ایده های بلندپروازانه شکل می گیره. خیلی برامون جذابه که تیم ایران ما، به خاطر شرایط کرونا تا الان حتی یک جلسه حضوری هم نداشته و تقریبا هیچ کدوم ما تا حالا همدیگرو از نزدیک ندیدیم؛ کار تیمی کاملا ریموت پیش رفته.دیگه آخر شب شده، اگر رئال مادرید بازی داشته باشه فوتبال می بینم و اگر نه احتمالا یک فیلم. حالا ساعت تقریبا یک شده و هنوز سوخت من تموم نشده. این آخر وقت ها، بیشتر به خودم و زندگیم و کمی آینده و گذشته و دلیل هستی و اینها فکر می کنم که معمول جواب خاصی هم براش پیدا نمی کنم. اگر انرژی بیشتری داشته باشم، آیکون ست هامو تکمیل می کنم. گاهی اوقات حتی حس فکر کردن هم ندارم و فقط به دیوار زل می زنم. و بعد مراسم خوابی که بالاتر بهش اشاره کردم.کل این داستان های روزمره من و مراودات کاریم تو یه اتاق ۹ متری به کمک گوشی موبایل و لپ تاپ انجام میشه. چند وقت پیش از وابستگی شدیدی که به گوشی پیدا کرده بودم بیزار بودم و میخواستم گوشی رو کامل کنار بذارم. اما به ثانیه ی دهم از این فکر نرسیده بودم که به چند تا بن بست پشت سر هم برخورد کردم و دیدم نمیشه گوشی رو کنار گذاشت. به خودم گفتم الان وقتش نیست، و به زندگیم ادامه دادم. نمیدونم زمانش کی میرسه اما هرچی میگذره بیشتر به این نتیجه میرسم که گوشی و لپ تاپم جزء جدانشدنی زندگیم شدن، مثل آب و برق که اگر قطع بشن تجربه آزار دهنده ای خواهیم داشت.با اينكه گاهی از وابستگی به گوشی اذيت ميشم، اما گاهی به اين فكر ميكنم كه كاش گوشی موبايل مدت زمان بيشتری شارژ نگه ميداشت؛ يا با نور شارژ ميشد؛ يا حداقل سيم شارژر چند متری داشت. كاش ميشد همونطور كه صفحه لمسی جای صفحه كليد رو گرفت، روند جايگزينی اكشن صوت با صفحه لمسی هم سرعت بيشتری بگيره تا كاربردپذيری تلفن همراه بيش از پيش بشه. به اميد اون روز! حسام کرامتی حسام کرامتی Mon, 21 Dec 2020 12:18:24 +0330 https://virgool.io/cafebazaar/bazaar-app-detail-srbnvybatnju بهبود تجربه‌ی کاربری یکی از موارد مهم در بازطراحی هر برنامه است. این امر در نسخه‌ی جدید «بازار» نیز نقش مهمی داشت. انتشار نسخه‌ی ۷ بازار به سه سال پیش بازمی‌گشت. این نسخه از نظر تجربه‌ی کاربری مشکلاتی داشت که یکپارچه‌نبودن اجزای طراحی، دسترس‌پذیرنبودن، رعایت‌نشدن کنتراست رنگ و... از جمله‌ی آن‌هاست. در تیم طراحی بازار ما تصمیم گرفتیم با رفع این مشکلات در نسخه‌ی ۸، تجربه‌ی کاربری بازار را بهبود ببخشیم.یکی از بخش‌های مهم در بازار «صفحه‌ی جزئیات برنامه» است که تمامی اطلاعات مربوط به یک برنامه یا بازی را در‌ بر دارد؛ ازجمله‌ی اطلاعات مربوط به این صفحه می‌توان به نام برنامه یا بازی، نام توسعه‌دهنده، اطلاعاتی که توسعه‌دهنده درباره‌ی برنامه‌ی خود می‌نویسد، امتیازات کاربران و مواردی از این دست اشاره کرد. روزانه کاربران بیش از شانزده میلیون بار از آن بازدید می‌کنند؛ همین میزان از تعامل کاربران با این صفحه نیاز به بازبینی در طراحی آن را ضروری ‌می‌کرد.در ادامه‌ی این مطلب به هفت مورد از مهم‌ترین تغییراتی اشاره می‌کنیم که با هدف بهبود تجربه‌ی کاربری برای صفحه‌ی جزئیات برنامه ایجاد شده است. صفحه‌ی جزئیات برنامه در بازار (نسخه ۷) ۱. افزودن تصویر زمینهتصویر زمینه قسمت جدیدی است که در نسخه‌ی ۸ بازار به صفحه‌ی جزئیات برنامه اضافه شده است. اضافه‌شدن تصویر زمینه در این نسخه مشخصاً سه بخش مختلف را بهبود بخشیده است:الف. محتوا: هدف اصلی صفحه‌ی جزئیات برنامه این است که محتوای مفید در مکان مناسب به کاربر ارائه شود؛ به‌همین منظور، علاوه بر تصاویر برنامه یا بازی، تصویر زمینه را هم به این صفحه اضافه کردیم که این امر به درک بهتر کاربر از فضای حاکم بر بازی یا برنامه کمک می‌کند.با اضافه شدن این ویژگی جدید، هر برنامه یا بازی می‌تواند تصویر زمینه‌ی مخصوص‌به‌خود را داشته باشد. توسعه‌دهندگان می‌توانند در این قسمت تصویری را نمایش دهند که هویت شرکتشان را معرفی می‌کند یا تصویری از فضای درون‌ برنامه یا بازی خود را در این قسمت قرار دهند.ب. محدوده‌ی حرکت انگشت شست: برای بهبود دسترسی انگشت شست می‌بایست اجزایی را که کاربر با آن‌ها بیشتر ارتباط دارد به پایین صفحه منتقل می‌کردیم؛ با این تغییر، محدوده‌ی حرکت انگشت شست روی این اجزا بهبود می‌یافت. افزودن تصویر زمینه به ما این امکان را می‌داد که بخش‌هایی را که کاربر با آن‌ها تعامل دارد به‌میزان مناسب به قسمت پایین صفحه منتقل کنیم.برای آشنایی بیشتر با این موضوع می‌توانید این مقاله را مطالعه کنید:How to design for thumbsج. چینش صفحه: دلیل دیگر برای افزودن تصویر زمینه وسط‌‌چین‌شدن صفحه‌ی جزئیات برنامه در نسخه‌ی ۸ بازار است. در این میان، ساختار نیم‌دایره‌ای تصویر پس‌زمینه هم به هدایت حرکت چشم به‌سمت پایین و جای‌گذاری آیکون برنامه در وسط صفحه کمک کرد.۲. تغییر نحوه نمایش نام برنامهنام برنامه‌ها و بازی‌ها یکی از عناصر مهم در صفحه‌ی جزئیات برنامه است؛ به‌همین علت، برای ما مهم بود که کاربر بتواند راحت آن را پیدا کند و همچنین نام برنامه‌ها یا بازی‌ها خوانا باشد. تغییراتی که به‌این منظور اعمال شد از این قرار است:الف. بزرگ‌تر شدن فونت: برای خوانایی راحت‌تر نام برنامه‌ها و بازی‌ها و همچنین راحت‌تر پیداکردن نام آن‌ها در صفحه فونت آن را بزرگ‌تر کردیم.ب. فضای بیشتر، خوانایی بهتر: وقتی متنی در دو خط جای می‌گیرد، چشم بعد از پایان خط اول برای رفتن به خط دوم درنگی کوتاه می‌کند. این توقف سرعت خوانش را پایین می‌آورد. برای جلوگیری از دوخطی شدن، به نام برنامه‌ها فضای بیشتری اختصاص دادیم که به‌راحتی خوانده شود.تصویر سمت راست بازار ۷ / سمت چپ بازار ۸۳. تغییرات سربرگالف. کنتراست بیشتر میان آیکون‌ها و پس‌زمینه: رنگ آیکون‌ها در سربرگ یکی از نقاط ضعف این قسمت بود. برای خوانایی و تمایز بهتر میان آیکون‌ها و پس‌زمینه‌ی سربرگ نیاز بود رنگ هر دو تغییر کند و کنتراست بهتری برای چشم به وجود آید؛ برای همین از مدل استاندارد WCAG کمک گرفتیم.سربرگ در بازار ۷میزان کانتراست بین آیکون ها و پس زمینه در بازار ۷سربرگ در بازار ۸میزان کانتراست بین آیکون ها و پس زمینه در بازار ۸ ب. اضافه‌شدن آیکون برنامه به داخل سربرگ: صفحات داخلیِ جزئیات برنامه باید این امکان را به کاربر بدهد که در هنگام جست‌وجو در آن به‌سرعت تشخیص دهد اطلاعات به کدام برنامه مربوط است؛ برای این منظور آیکون برنامه را به سربرگ اضافه کردیم. دلیل این تغییر به این امر بازمی‌گشت که تشخیص تصویر از تشخیص متن راحت‌تر است و در‌نتیجه، تصویر اطلاعات را با سرعت بیش‌تری به کاربر منتقل می‌کند. در نسخه‌ی جدید، متن مربوط به نام برنامه یا بازی هم موجود است و کاربر، در صورت تمایل، می‌تواند آن را بخواند؛ در واقع در این نسخه چیزی از بخش سربرگ حذف نشد، بلکه در مقایسه با گذشته اطلاعات کامل‌تر نمایش داده می‌شود.۴. تغییرات در دکمه‌ی نصبمهم‌ترین قسمت در صفحه‌ی جزئیات برنامه دکمه‌ی نصب برنامه است؛ زیرا روزانه ۵/۱ میلیون بار لمس می‌شود. این دکمه در نسخه‌ی قبلی جای کمی به خود اختصاص داده بود و در محدوده‌ی مناسب حرکت شست قرار نداشت؛ پس لازم بود در این زمینه تغییراتی انجام شود:الف. دسترسی راحت‌تر برای انگشت شست: با جابه‌جاکردن دکمه در محدوده‌ی مدنظر اکنون کاربر راحت‌تر از قبل به آن دسترسی دارد.تصویر سمت راست بازار ۷ / سمت چپ بازار ۸ ب. بزرگ‌ترکردن اندازه‌ی دکمه‌ی نصب: با بزرگ‌ترشدن دکمه‌ی نصب، علاوه بر این‌که کاربر آن را راحت‌تر پیدا می‌کند، زمان کمتری برای لمس آن نیاز دارد.ج. جابه‌جایی دکمه‌های به‌روزرسانی و حذف: کاربر بعد از نصب برنامه دو دکمه‌ی «به‌روزرسانی» و «حذف» را مشاهده می‌کرد. این دو دکمه، علاوه بر این‌که در ناحیه‌ی مناسب حرکت شست قرار نداشتند، در فاصله‌ی بسیار کمی از یکدیگر قرار گرفته بودند؛ همین امر احتمال اشتباه‌ فشردن دکمه‌ی مدنظر را افزایش می‌داد. در نسخه‌ی جدید این دو دکمه را با فاصله‌ی بیشتری در کنار هم قرار دادیم و اندازه‌ی هر دو را بزرگ‌تر کردیم که میزان لمس‌های اشتباه کاهش یابد.تصویر سمت راست بازار ۷ / سمت چپ بازار ۸ د. دکمه‌ی شناور نصب: در صفحه‌ی جزئیات برنامه یا بازی، به‌تناسب محتوا، اطلاعات زیادی نمایش داده می‌شود. در نسخه‌ی قبلی کاربر باید اسکرول زیادی می‌کرد که بتواند همه‌ی اطلاعات را ببیند؛ به‌طوری که اگر اطلاعات، او را به نصب برنامه یا بازی ترغیب می‌کرد، باید به بالای صفحه بازمی‌گشت که بتواند دکمه‌ی نصب را لمس کند. یکی از نکات مهم در طراحی نسخه‌ی جدید در دسترس بودن دکمه‌ی نصب بود؛ به‌این صورت که هر زمان کاربر تصمیم گرفت برنامه یا بازی را دانلود کند، دکمه‌ی نصب دردسترسش باشد؛ برای همین، در طراحی نسخه‌ی جدید بعد از اسکرول به‌سمت پایین دکمه‌ای شناور در صفحه ظاهر می‌شود و کاربر می‌تواند در هر مکانی از صفحه‌ی جزئیات برنامه به آن دسترسی داشته باشد.۵. بهبود ساختار نظراتالف. ایجاد انسجام: در نسخه‌ی قبلی نظرات مربوط به برنامه‌ها یا بازی‌ها به‌صورت از هم‌ گسسته و نامنسجم به نمایش درآمده بود؛ دکمه‌های «پسندیدم» و «نپسندیدم» و «گزارش نامناسب بودن محتوای نظر» خارج از چارچوب هر نظر قرار گرفته بود. این نحوه‌ی قرارگیری، تشخیص این امر را دشوار می‌کرد که این قسمت‌ها به نظر درباره‌ی برنامه یا بازی بالایی مربوط هستند یا به نظر درباره‌ی برنامه یا بازی پایینی بازمی‌گردند.در نسخه‌ی جدید چارچوب نظرات را به‌همان صورت گذشته نگه داشتیم، اما دکمه‌های «پسندیدم» و «نپسندیدم» و «گزارش نامناسب‌ بودن محتوای نظر» را داخل چارچوب هر نظر قرار دادیم که انسجام هر نظر حفظ شود.همین‌طور برای خوانش راحت‌تر «نظرات دیگر کاربران» این بخش را به‌سمت راست منتقل کردیم و رنگش را تغییر دادیم؛ درنتیجه، درحالی‌که در نسخه‌ی قبلی بازار امتیاز نظرات در میان محتوای نظرات بود، در چینش جدید به امتیاز نظرات هم اهمیت ویژه‌ای دادیم.تصویر سمت راست بازار ۷ / سمت چپ بازار ۸ ب. اضافه‌کردن امتیاز کلی برنامه: با توجه به ماهیت صفحه‌ی جزئیات برنامه، انتظار می‌رود کاربر بتواند تمامی اطلاعات درباره‌ی برنامه را در همین صفحه مشاهده کند؛ به‌همین دلیل تصمیم گرفتیم امتیاز کلی برنامه را از بخش نظرات به این صفحه منتقل کنیم.۶. برنامه‌ها و بازی‌های برگزیدهدر نسخه‌ی ۷ بازار صفحه‌ی برنامه و بازی‌های برگزیده وجود نداشت. این ویژگی در نسخه‌ی ۸ به بازار اضافه شد که کاربران به محتوای برگزیده دسترسی داشته باشند. قسمتی جداگانه در صفحه‌ی جزئیات برنامه برای این قسمت در نظر گرفتیم که کاربر با لمس آن به صفحه‌ی برگزیده‌ها برود.۷. تغییر ساختار گزارش از برنامه‌هاثبت گزارش در نسخه‌ی قبلی بازار دومرحله‌ای بود؛ به‌این صورت که پس از لمس «گزارش برنامه» ابتدا دیالوگی با چند گزینه به کاربر نمایش داده می‌شد؛ پس از این در مرحله‌ی بعد کاربر با دیالوگی مواجه می‌شد که از کاربر می‌خواست پیامی بنویسد. در[1] هر یک از این مراحل درصورتی‌که کاربر محلی خارج از محدوده‌ی دیالوگ را لمس می‌کرد، از مراحل ثبت گزارش خارج می‌شد که تجربه‌ی چندان خوشایندی نبود.گزارش برنامه در بازار ۷در نسخه‌ی جدید فرایند ارسال گزارش به صفحه‌ای مستقل ارجاع داده می‌شود. در این حالت کاربر می‌تواند بعد از انتخاب یکی از گزینه‌های گزارش، در صورت تمایل، درباره‌ی گزارش خود متنی هم بنویسد یا با انتخاب یکی از گزینه‌ها برنامه را بدون متن گزارش کند. از دیگر مزایای ارجاع به صفحه‌ی دیگر حذف دیالوگ است؛ این کار از بسته‌شدن اتفاقی صفحه‌ی گزارش هم جلوگیری می‌کند.گزارش برنامه در بازار ۸ در پایان باید گفت که روند بازبینی و بهبود تجربه‌ی کاربری در تیم طراحی بازار ادامه دارد و ما سعی می‌کنیم برای کاربران تجربه‌ی بهتری رقم بزنیم. در حال حاضر معیارهایی را برای بخش‌های مهم بازار در نظر گرفته‌ایم. براساس آن معیارها نسخه‌ی ۸ بازار را رصد می‌کنیم و آن را در مقایسه با نسخه‌ی ۷ بازار می‌سنجیم؛ این مقایسه امکان ادامه دادن روند بهبود طراحی را به ما می‌دهد.اگر شما هم در زمینه‌ی تجربه‌ی کاربری از بازار انتقادی دارید یا برای بهبود آن پیشنهادی به ذهنتان می‌رسد، خوشحال می‌شویم از طریق این ایمیل آن را با ما در میان بگذارید: design@cafebazaar.ir حسام کرامتی حسام کرامتی Sun, 03 Nov 2019 19:55:27 +0330