https://virgool.io/feed/@sarina.rostami74 UI/UX Designer at EBCOM fa 2026-06-16 13:14:33 https://files.virgool.io/upload/users/769889/avatar/LkUPyu.jpg?height=120&width=120 https://virgool.io/@sarina.rostami74 https://virgool.io/@sarina.rostami74/%D8%AA%D8%B1%D9%86%D8%AF%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-uxui-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2024-xmatkadhtowx هر سال، ما مجموعه‌ای از ترندهای طراحی جدید داریم که نه تنها خوب به نظر می‌رسند، بلکه روی دیگر طراحان تأثیر می‌گذارند تا از آن‌ها استفاده کنند. این ترندها را دوست داشته باشید یا از آن‌ها متنفر باشید، در هر صورت برخی از امواج طراحی هوشمند و کاربردی هستند. این توابع می‌توانند از گنجاندن اطلاعات بیشتر در فضای کمتر تا ایجاد تعامل بیشتر با کاربران متغیر باشند.بیایید نگاهی به برخی از این ترندها بیندازیم که اینترنت را تحت سلطه خود در آورده‌اند!فراتر از جعبه ناهار یک کودک - جعبه‌های بنتوجعبه‌های بنتو جزء اصلی فرهنگ تیفین و جعبه‌های ناهار در ژاپن هستند. آن‌ها به دلیل نگهداری مواد غذایی در یک قالب نسبتاً سازمان یافته و تمیز نگه داشتن چیزها به خوبی شناخته شده‌اند.Image credits — Freepikجعبه‌هایBento یکی دیگر از گرایش‌های طراحی است که شروع به ایجاد امواجی روی پلتفرم‌هایی مانند Dribbble و Behance برای میلیون‌ها طراح کرده است، با این حال مفهوم طراحی «ماژولار» با «داشبوردهای وب‌سایت‌ها» آغاز شد که شامل داشبوردهای فروش و امور مالی مانند PayPal، تجزیه و تحلیل مانند Google Ads و ... است.ویندوزفون و لومیا را به خاطر دارید؟ رابط کاربری آن‌ها اساساً تکرارهای اولیه طرح‌های بنتو بوده است. بعدها، مایکروسافت نیز این مفهوم را در منوی شروع دسکتاپ ویندوز خود با ویندوز 8 پیاده سازی کرد.Windows 8 start menuدر حالی که طراحی‌های بنتو در سراسر صنعت مورد استفاده قرار می‌گرفت، زمانی که اپل تصمیم گرفت برای اولین بار از شبکه بنتو استفاده کند، کاملاً منفجر شد. آن‌ها ابتدا از آن در صفحات فرود آیفون خود استفاده کردند، اما به زودی به اسلایدها و ارائه‌های رویداد اپل گسترش یافتند.Another Apple posterاپل به طور گسترده ای به عنوان راه اندازی ابرترندها شناخته شده است و بنتو تنها یکی از این موارد بود. هر طراح از بنتو برای ارائه، وب سایت، راه اندازی محصول استفاده می‌کردند و این موضوع ادامه دارد.بزرگترین تفاوت بین طرح‌های بنتو قدیمی و جدید این است که هر بخش از شبکه به جای اینکه بخشی از یک گروه باشد، فضایی منحصر به فرد را نشان می‌دهد.بر خلاف بسیاری از دیگر گرایش‌های طراحی رابط کاربری، Bento در واقع در حال تکامل است تا چیزی بیش از یک سبک چیدمان زیبا باشد. اکنون به گونه‌ای تکامل یافته است که شامل ارائه‌های نمایشی محصول، ترکیب با برخی طرح‌بندی‌های منحصربه‌فرد دیگر، و حتی با مفاهیم طراحی بصری جدید است.نگاهی به این طراحی بیندازید:Live demo of bento interactionsمثال بالا از diagram.com است که از شبکه‌های بنتو برای نشان دادن نمونه‌های واقعی از آنچه ابزارهایشان می‌تواند از طریق یک تجربه تعاملی انجام دهد، استفاده می‌کند. این نوع ارائه، کاربری ابزار را بسیار جذاب‌تر می‌کند و به کاربران می‌گوید که چه انتظاراتی باید داشته باشند.برخی از وب‌سایت‌ها برای طراحی بنتو از سراسر وب وجود دارند. یکی از این وب‌سایت‌ها bentogrids.com است که مجموعه بزرگی از شبکه‌های Bento برای رابط کاربری و طراحی گرافیکی دارد.گرایش‌ها و جهش‌های طراحی فضایی در فناوریشما به تازگی از خواب بیدار شده‌اید و تلفن خود را برای مشاهده "ایمیل های مهم" برداشته اید، و کل فید شما مملو از Vision Pro جدید اپل است. این دقیقاً صبح همه علاقه‌مندان به فناوری و طراحی در جهان، در 5 ژوئن 2023 بود.Image credits — Apple.comبرای چند هفته، این تنها چیزی بود که دنیای فناوری می‌توانست در مورد آن صحبت کند، و هر طراح در تلاش بود تا مهارت‌های طراحی فضایی را به دست آورد. جدای از روند طراحی، استارت آپ‌های AR/VR مختلف به میدان آمدند و بالاخره در مورد فناوری آن‌ها صحبت شد. این یک تقویت واقعی به AR و VR داد، چیزی که واقعاً مورد نیاز بود.با فناوری عالی، پتانسیل طراحی عالی به وجود می‌آید. از ساعت‌های هوشمند گرفته تا گوشی‌های تاشو، طراحان همیشه برای نشان دادن سازگاری واقعی خود به میدان آمده‌اند. طراحی فضایی نیز از این قاعده مستثنی نبود.A glimpse of what is to comeاین با راه اندازی یک ابزار متمرکز بر طراح محبوب به نام "Bezi" همراه است. به ابزارهای طراحی مانند Figma و Spline بسیار نزدیک است، اما فضای سه بعدی به آن اضافه شده است. طراحان می‌توانند وارد طراحی فضایی شوند، یک هدست AR/VR در حال کار را متصل کنند و تجربیات فضایی تعاملی ایجاد کنند.نگاهی اجمالی به آنچه "Bezi" به ما اجازه می‌دهد ایجاد کنیم:Demo from Bezi.comاین یک مشارکت بزرگ برای بهبود تجربه AR/VR، UX است. درک عمیق فناوری پشت طرح‌های زیبا، استفاده از یک هدست واقعیت مجازی، آزمایش چیزها در محیط‌های فضایی، همه بخشی از کار خواهد بود. قطعاً همانطور که پیش می‌رویم، درس‌ها و تغییرات جدیدی در درک فعلی ما از UX وجود خواهد داشت. با این حال، این یکی از آن مهارت‌هایی است که می‌خواهید همین حالا جمع‌آوری کنید و احتمالاً در آینده از آن استفاده کنید.جدای از تخیل بزرگ و جیب‌های عمیق اپل، کمتر شرکت‌های فناوری وجود دارند که تجربه‌ای کاملاً جدید برای عینک زدن به ارمغان می‌آورند.حتی با وجود اینکه پروژه "عینک گوگل" هرگز تولید بزرگ واقعی را لمس نکرد، شرکت عینک آفتابی RayBan با Meta Wayfarer جدید خود وارد رقابت پوشیدنی های هوشمند شده است.Image credits — RayBanاجازه ندهید طراحی معمولی RayBan شما را فریب دهد. دوربین‌های داخلی و ویژگی‌های هوشمند به شما امکان می‌دهند ویدیو، تصاویر و پخش زنده را در رسانه‌های اجتماعی ذخیره کنید. این یک بعد جدید به تجربه کاربر و تجربه مشتری می‌دهد. شاید یک ترند برای سال 2025 باشد.. کسی چه می‌داند!همه می توانند Animate کنند!این یکی از ماموریت‌های Lottie Files بوده است. با نگاهی به تقاضا برای انیمیشن‌های lottie، حتی یک پلاگین برای Figma راه اندازی شده است که به ما طراحان امکان می‌دهد انیمیشن‌های Figma خود را به یک فایل JSON lottie قابل خروجی تبدیل کنیم.LottieFiles plugin for Figmaاین منحنی بزرگ یادگیری After Effects و نرم افزارهای مشابه را از بین می‌برد. از این رو، طراحان بیشتری می‌توانند به تنهایی، به سرعت Animate کنند.همچنین امروزه متوجه تعاملات فریبنده در صفحه Landing هر شرکتی خواهید شد. این‌ها همه به لطف نیاز روزافزون به تجربیات متمایز برای بازدیدکنندگان وب سایت و تقاضای بیشتر برای داستان‌سرایی به عنوان ابزاری برای فروش محصولات/خدمات است.به عنوان مثال تعامل صفحه Landing زیر را در نظر بگیرید:Apple Watch Series 9 Landing Page — Double Tap Interaction on Scrollبا قرار دادن انیمیشن‌های اسکرول، بازدیدکنندگان غرق در آنچه که باید به آن‌ها ارائه دهید، می‌شوند. ابزارهای بدون کد مانند Web flow و Framer برای همیشه نوآور هستند تا چنین قابلیت‌های انیمیشنی را بدون دردسر نوشتن خطوط طولانی کد برای طراحان به ارمغان بیاورند.می‌توان فکر کرد که سواری در اینجا به پایان می‌رسد. ممکن است انیمیشن به اوج خود رسیده باشد و دیگر چیزی برای انتظار وجود نداشته باشد. خوشبختانه برای ما افرادِ در فناوری، همیشه به دنبال چیز بزرگ بعدی هستند. همچنین، به دلیل تعداد بی پایان ابزارهای توانمند، هر چیزی که می‌توانید تصور کنید ممکن می‌شود.یکی از این احتمالات «ترند دکمه متحرک» جدید بوده است. یک سبک UI جدید که تکنیک‌های انیمیشن را برای زنده کردن یک دکمه ساده به ارمغان می‌آورد. این تغییرات از یک انیمیشن ساده در اطراف دکمه گرفته تا ستاره‌های واقعی که در داخل دکمه روی ماوس حرکت می‌کنند، متغیر است.GIF by “@learnframer” on Xچنین ترندهایی اغلب توسط یک اثر دومینو ایجاد می‌شوند. ابتدا پست اجتماعی یک طراح محبوبیت پیدا می‌کند و سپس دیگر طراحان برجسته آن را دنبال می‌کنند.پایان طراحی Flat؟اخیراً، بسیاری از طراحان در مورد چگونگی تغییر دنیای طراحی از طراحی Flat (مانند آنچه در اینجا، در Medium می بینید)، به سبک‌های بصری شبهِ واقع گرایانه‌تر صحبت می‌کنند. این‌ها شامل گرافیک سه بعدی، جلوه‌های عمقی، نئومورفیسم، اسکئومورفیسم و غیره است.اخیراً، تعداد زیادی از شرکت‌ها را دیدیم که طراحی سه بعدی را به عنوان یک سبک اصلی پیاده‌سازی کردند. اگرچه ممکن است در حال حاضر در طراحی وب و برنامه نمایش داده نشود، لوگوها با این روند جدید به روز می‌شوند.Just a few good examples of the new 3D wave made by Chan Karunaratneمانند سایر گرایش‌های طراحی، دلیل بزرگی برای افراد جهت پیاده‌سازی این سبک‌ها، معرفی ابزارهای سه بعدی مبتنی بر وب «easy-to-use»؛ مانند Spline و Vectary است که گنجاندن طراحی‌هایسه بعدی در وب و برنامه را بسیار آسان می‌کند. آن‌ها همچنین طراحی‌هایسه بعدی را با استفاده از انیمیشن‌ها، با برخی از کوتاه ترین منحنی‌های یادگیری که من تجربه کرده‌ام، زنده می‌کنند.یکی دیگر از شرکت‌هایی که همیشه طراحی و ترندها را هدایت می‌کند Airbnb است. آن‌ها به دلیل طراحی‌ها و تعاملات ساده و در عین حال مؤثر اپلیکیشن‌ها به‌طور گسترده‌ای شهرت دارند. در سال 2023، آنها یک به‌روز رسانی برنامه را اعلام کردند که واقعاً ویژگی‌های جدید و مهمی را به همراه خواهد داشت.آن‌ها چه کردند؟ آن‌ها بیش از دوازده عنصر بصری 3Dish را در خود جای داده‌اند و ویدیوی اعلامی آن‌ها تقریباً همه چیز در مورد سه بعدی است.Launch video by Airbnbتصاویری ایزومتریک، شخصیت‌ها و انیمیشن‌های سه‌بعدی، و تعداد زیادی تعامل با اپلیکیشن‌های این ویدئو باعث می‌شود که بخواهم مجددا آن را تماشا کنم. انتقال از طراحی Flat به طراحی سه بعدی واقعاً آهسته و پیوسته است، به همین دلیل است که من معتقدم این روند همچنان باقی خواهد ماند.ابزار طراحی A.I - دوست یا دشمن؟هوش مصنوعی پرکاربردترین و شناخته شده ترین کلمه در فناوری در دهه گذشته است. در حالی که برخی از طراحان آن را تهدیدی برای آینده شغلی خود می دانند، بسیاری از ما از این فناوری برای ایجاد سریع‌تر بهترین طرح‌ها استفاده می‌کنیم.Adobe Firefly being used for video manipulationمجموعه‌ای از ابزارهای طراحی که خود را به عنوان «A.I. powered» در حال تلاش برای پیاده‌سازی Open A.I هستند. API‌ها در سطوح مختلف، و همچنین در حال کار بر روی A.I خود هستند.در شلوغی این ترفندها، چند قهرمان وجود دارند که برای نجات روز می‌آیند. یکی از این قهرمانان Relume است که طرفداران خود را دارد. این شرکت متمرکز بر جریان وب، چیزی به نام Relume A.I را راه اندازی کرد، یک ابزار قدرتمند قاب‌بندی سیمی و نقشه‌برداری سایت.Relume A.I in actionشما یک اعلان قرار می‌دهید، که اساساً شرح پروژه شما است، و یک نقشه سایت کامل و دقیق و همچنین یک قاب سیمی را به شما ارائه می‌دهد. این قاب سیمی مملو از داده‌ها و طرح‌بندی‌های مرتبط است که می‌توان به سرعت در Figma و Webflow کپی کرد.بنظرتون من تنها کسی هستم که فکر می کنم Chat-GPT خلاقیت انسان را از بین می‌برد و وابستگی ایجاد می‌کنه؟طراحی UX با دقت و همدلی بیشترImage by Josh Calabreseتعداد زیادی از طراحان برای طراحی بصری، انگشتان پای خود را در دریاچه‌ی قابلیت استفاده فرو می‌برند. این امر طرح‌های ساده‌تر و کاربردی‌تر را به مرکز توجه آورده است. همانطور که با وجود تغییراتی که در صنعت در چند سال گذشته ایجاد شده است، طراحان به جای اختراع مجدد چرخ، به آنچه کار می‌کند، پایبند هستند.Google trends graph on “UX Accessibility” from 2019 to 2023نمودار روند گوگل بالا نشان می‌دهد که چگونه طراحی قابل دسترس تبدیل به یک نیاز واقعا صنعتی شده است.این تکنیک‌های دسترس‌پذیری از کنتراست رنگ، فونت‌های خوانا، عناصر اکشن قابل تشخیص، تا سایه انداختن انسان‌های با توانایی‌های متفاوت برای آوردن ویژگی‌های متمرکز بر دسترسی را شامل می‌شود.چرا دسترسی در تقاضا است؟دسترسی نیز به دلیل نیاز فعلی، به طراحی برای افراد در هر سنی و حتی محدودیت‌های فیزیکی به شدت تحت فشار قرار گرفته است. شرکت‌ها می‌خواهند از تمام جمعیت‌شناسی‌های مختلف سود نقدی داشته باشند و همچنین برای فراگیر شدن در هر جنبه‌ای تلاش می‌کنند. هر چه بیشتر و بیشتر مردم دیجیتالی می‌شوند، تمرکز یک طراح بر روی طراحی قابل دسترس الزامی است.دوره‌ها و بوت‌کمپ‌ها از مایل‌ها دورتر تقاضا را حس کردند و همچنین دانشجویان را برای ورود به طراحی با دانش خوب از طراحی در دسترس آماده می‌کنند.شخصی سازیجدا از قابلیت دسترسی، شخصی‌سازی چیزی است که افراد را در یک برنامه یا وب‌سایت قفل نگه می‌دارد. حتماً قبلاً این پیام کوچک را در YouTube دیده اید :Youtube assessing what kind of content you like to give you better recommendationsهمچنین ممکن است برنامه‌های مختلفی را مشاهده کنید که چند روز یک ویژگی جدید را آزمایش می‌کنند، و سپس آن را به عقب می‌کشند زیرا کاربران از آن استقبال نمی‌کنند. این نشان‌دهنده مستقیم این است که چگونه طراحان UX در آینده محصولات و خدمات پیشرو هستند. سمانه رستمی‌پور سمانه رستمی‌پور Mon, 18 Dec 2023 12:29:24 +0330 https://virgool.io/@sarina.rostami74/%D9%85%D9%82%D8%AF%D9%85%D9%87-%D8%A7%DB%8C-%D8%A8%D8%B1-%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D8%A7%D9%86%D8%B3%D8%A7%D9%86-%D9%88-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D8%A7%D8%B5%D9%88%D9%84-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-human-computer-interaction-%D8%A8%D8%AE%D8%B4-%D8%AF%D9%88%D9%85-q5zjoc5gmdbv همانطور که در پست قبل گفته شد؛ چندین مدل وجود دارد که نشان می‌دهد انسان و کامپیوتر چگونه با هم تعامل دارند و محققان ارائه کرده‌اند؛ که یک مدل را با جزئیات به بررسی آن می‌پردازیم:مدل تعامل نورمنمدل تعامل نورمن (که گاهی اوقات چرخه execution-evaluation نامیده می‌شود) یک مدل قابل توجه برای HCI است. این مدل پیشنهاد می‌کند که کاربر ابتدا یک هدف را تعیین کند و سپس اقداماتی را با استفاده از سیستم برای رسیدن به آن هدف انجام دهد.سپس یک سیستم خروجی آن اقدامات را در رابط منعکس می‌کند. کاربر رابط کاربری را مشاهده می‌کند و ارزیابی می‌کند که آیا هدفش برآورده شده است یا خیر. در غیر این صورت، یک هدف جدید ایجاد می‌شود و این چرخه تکرار می‌شود.این مدل تعامل توضیح داده شده به هفت مرحله اولیه تقسیم می‌شود:این مدل به ما کمک می‌کند تا بفهمیم در طراحی‌هایمان کجای کار اشتباه است. نقاط اصلی درگیری عبارتند از:خلیج اجرا: بین اقدامات کاربر و اقداماتی که سیستم می‌تواند انجام دهد تفاوت وجود دارد. یک رابط موثر به کاربر اجازه می‌دهد تا یک عمل را بدون محدودیت سیستم انجام دهد.خلیج ارزیابی: بین ارائه یک خروجی و انتظارات کاربر تفاوت وجود دارد. یک رابط موثر می‌تواند به راحتی توسط یک کاربر ارزیابی شود.خطای انسانی: سیستم به درستی کار می‌کند، اما کاربر خطایی را وارد کرده است. با بهبود طراحی رابط یا ارائه پشتیبانی بهتر کاربر، می‌توان از خطاها جلوگیری کرد.ارگونومی تعاملیکی دیگر از اجزای کلیدی HCI، ارگونومی است. هنگامی که ما درک می‌کنیم که چگونه یک کامپیوتر و کاربر از طریق یک رابط تعامل دارند، باید بهتر درک کنیم که چگونه عملکرد کاربر را افزایش دهیم. هنگام طراحی یک سیستم عوامل ارگونومیک زیادی وجود دارد:کنترل‌ها و نمایشگر: بخش‌های نمایشگر و کنترل‌ها باید به طور منطقی بر اساس درک انسان گروه‌بندی شوند. منطق چیدمان به کاربرد و دامنه بستگی دارد.رنگ‌ها: از آنجایی که انسان‌ها با ادراک بصری محدود هستند، طراحی صحیح رنگ بسیار مهم است. رنگ‌ها باید همیشه متمایز باشند و تمایز رنگ‌ها باید با تغییر کنتراست بی‌تاثیر بماند. همچنین باید از قراردادهای رنگی رایج استفاده کرد (مثلاً قرمز برای هشدار و سبز برای موفقیت).مراحل فرآیند طراحیسه مرحله کلی برای طراحی تعامل وجود دارد. بیایید هر کدام را با جزئیات بررسی کنیم.1. تحقیق کاربر و تحلیل نیازمندی‌هاقبل از طراحی، ما باید در مورد کاربران خود بدانیم که چه مشکلاتی دارند که می‌توانیم با سیستم خود حل کنیم. هر فناوری که بخواهیم بسازیم زمینه خاصی دارد که باید فرآیند طراحی را هدایت کند. به عنوان مثال، آیا این رابط در یک سیستم ایمنی حیاتی استفاده خواهد شد؟2. طراحی و نمونه‌سازیمرحله دوم شامل ایجاد طرح‌ها و نمونه‌سازی است. ما اساساً نیازهای خود را به راه‌حل‌های ممکن تبدیل می‌کنیم. این شامل طراحی مفهومی (نحوه عملکرد یک سیستم) و طراحی فیزیکی (رنگ ها، سبک های‌تعامل) خواهد بود. سپس ایده‌های مختلف طراحی خود را نمونه‌سازی می‌کنیم.3. ارزیابی طرح‌هازمانی که محصول نهایی ساخته شد، باید این طرح را ارزیابی کنیم. هم کارشناسان و هم کاربران واقعی باید ارزیاب باشند تا بررسی کنند که الزامات و اصول طراحی HCI مطابقت دارد. از آنجا، ما می‌توانیم تغییراتی در طراحی و بهبود آن ایجاد کنیم.قوانین طراحی HCI و بهترین روش‌هابهترین شیوه‌ها و قوانین بسیاری وجود دارد که توسط محققان و طراحان HCI ایجاد شده است. این قوانین شامل اصول طراحی انتزاعی، استانداردهای معمولی، و دستورالعمل‌های طراحی است. بیایید مهم‌ترین قوانین طراحی برای HCI را بررسی کنیم.طراحی برای یادگیری و آشناییاصول یادگیری و آشنایی تعیین می‌کند که کاربر مبتدی چقدر راحت می‌تواند تعامل با یک سیستم را یاد بگیرد. برای رسیدن به این هدف، یک سیستم باید قابل پیش‌بینی باشد. هر کاربر باید بتواند نتایج اقدامات آینده را بر اساس دانش تاریخچه تعامل خود پیش‌بینی کند.به طور مشابه، یک کاربر باید بتواند تجربیات خود را با سایر سیستم‌های محاسباتی به یک سیستم جدید ترسیم کند. آشنایی تعیین می‌کند که آیا کاربر می‌تواند تعامل را آغاز کند یا خیر. استعاره‌ها (معمولاً بصری) روشی رایج است که سیستم‌ها به این اصل دست می‌یابند. به عنوان مثال، نماد سطل زباله باید نشان‌دهنده اقدام برای حذف موارد باشد، زیرا آشنا و قابل پیش‌بینی است.عناصر را خوانا و قابل دسترس کنیدهمه شخصیت‌ها و اشیاء باید قابل درک باشند تا بتوانند به طور موثر مورد استفاده قرار گیرند. برای نمایش اطلاعات (بصری، شفاهی و لمسی) باید از حالت‌های متعدد «خوانایی» استفاده شود. به طور مشابه، یک سیستم باید به همان اندازه برای کاربران با توانایی‌های متنوع مفید باشد. به عنوان مثال، به کاربرانی که دارای اختلال بینایی هستند، باید سیستم‌های پشتیبانی مشابهی ارائه شود.تحمل خطاکاربران خطاهایی مرتکب خواهند شد، اما نباید وضعیت سیستم را تغییر دهند یا تأثیر فاجعه آمیزی بر یک تعامل داشته باشند. هشدارها باید برای جلوگیری از اشتباهات احتمالی ارائه شود و یک سیستم نباید دارای شرایط بحرانی باشد که به راحتی توسط کاربر قابل دسترسی باشد. یک سیستم همچنین باید هنگام بروز خطاهای احتمالی به کاربر کمک کند.انعطاف پذیریهر طراحی باید راه‌های متعددی را برای انجام یک کار معین ارائه دهد. این به کاربر این امکان را می‌دهد که با یک دستگاه بر اساس توانایی یا ترجیح خود تعامل داشته باشد. کاربران به گزینه‌هایی نیاز دارند تا روش‌هایی را انتخاب کنند که به بهترین وجه متناسب با سرعت و تجربه آن‌ها باشد. سیستم‌هایی که انعطاف‌پذیر هستند برای طیف وسیعی از کاربران مفیدتر هستند.چرخ را دوباره اختراع نکنیدنوآوری مهم است اما نه به قیمت فنا کردن یادگیری و دسترسی‌پذیری. کاربران عادت‌های قدیمی را از سایر رابط‌ها ایجاد کرده‌اند که به سیستم‌هایی با طراحی خوب منتقل می‌شود. طرحی که از استانداردهای آماده استفاده می‌کند محصولی بصری‌تر و مفیدتر خواهد بود.مراحل بعدی برای یادگیری شمااکنون باید مقدمه ای محکم برای تعامل انسان و کامپیوتر و اینکه چگونه می‌تواند به شما در طراحی سیستم‌های بهتر کمک کند، داشته باشید. هنوز چیزهای زیادی برای یادگیری وجود دارد.موضوعات بعدی شما که باید به آن بپردازید عبارتند از:مدل چرخه عمر مهندسی قابلیت استفادههشت قانون طراحی طلایی اشنایدرمندرک حافظه انسانتکنیک‌های ارزیابیچه مفاهیم HCI دیگری را برای یادگیری بیشتر نیاز دارید؟ آیا این مقاله به شما کمک کرد؟ با ارائه نظرات خود من را از این موضوع آگاه کنید! سمانه رستمی‌پور سمانه رستمی‌پور Mon, 27 Nov 2023 15:08:34 +0330 https://virgool.io/@sarina.rostami74/%D9%85%D9%82%D8%AF%D9%85%D9%87-%D8%A7%DB%8C-%D8%A8%D8%B1-%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D8%A7%D9%86%D8%B3%D8%A7%D9%86-%D9%88-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D8%A7%D8%B5%D9%88%D9%84-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-human-computer-interaction-zfkkcj9qtqkl تعامل انسان و کامپیوتر (HCI) مطالعه طراحی، پیاده سازی و ارزیابی رابط های تعاملی مورد استفاده توسط انسان و کامپیوتر است. افرادی که در HCI تخصص دارند به این فکر می کنند که چگونه سیستم های کامپیوتری را طراحی و پیاده سازی کنند که کاربران انسانی را راضی کند.تعامل انسان و کامپیوتر (HCI) همیشه بخشی از فناوری و طراحی بوده است، اما با ادغام شدن فناوری با زندگی روزمره ما، در حال افزایش است. HCI برای هر توسعه دهنده، مدیر محصول یا طراح که می خواهد برای آینده طراحی کند، یک مهارت حیاتی است.امروز، شما را با HCI آشنا می کنیم و اصول، مدل ها و فرآیندهای اساسی طراحی آن را بررسی می کنیم.این راهنما در یک نگاه:تعامل انسان و کامپیوتر چیست؟اجزای HCIمراحل فرآیند طراحیقوانین طراحی HCI و بهترین روش هامراحل بعدی برای یادگیری شماتعامل انسان و کامپیوتر (HCI) چیست؟رشته HCI مطالعه تعامل بین انسان و رایانه است، به ویژه در مورد طراحی فناوری. HCI با طراحی کاربر محور، UI و UX همپوشانی دارد تا محصولات و فناوری‌های بصری ایجاد کند.افرادی که در HCI تخصص دارند به این فکر می‌کنند که چگونه سیستم‌های کامپیوتری را طراحی و پیاده‌سازی کنند که کاربران انسانی را راضی کند. هدف اغلب تحقیقات در این زمینه بهبود تعامل انسان و رایانه از طریق بهبود نحوه استفاده و درک یک رابط توسط انسان است.رشته HCI بین رشته‌ای است، به این معنی که روش‌ها و ابزارهای تحقیق را از علوم کامپیوتر، علوم رفتاری، طراحی و مطالعات رسانه ترکیب می‌کند.این رشته به ایجاد رابط‌هایی کمک می‌کند که بهره‌وری را افزایش می‌دهد، تجربه کاربر را افزایش می‌دهد و خطرات را در سیستم‌های حیاتی کاهش می‌دهد. ماشین‌های طراحی ضعیف منجر به بسیاری از مشکلات غیرمنتظره می‌شوند، گاهی اوقات فقط ناامیدی کاربر، اما گاهی اوقات، بلایای آشفته به بار می‌آورد.به همین دلیل است که HCI در حال افزایش است. با وابستگی ما به فناوری‌ها، اینترنت یا تلفن‌های هوشمند؛HCI به بخش کلیدی طراحی ابزارهایی تبدیل شده است که می‌توانند به طور کارآمد و ایمن به صورت روزانه مورد استفاده قرار گیرند.کاربردها و برنامه‌های کاربردی HCIرشته HCI حوزه وسیعی است که تقریباً به هر صنعتی می‌رسد. اغلب با حوزه هایی مانند طراحی کاربر محور (UCD)، طراحی رابط کاربری (UI) و طراحی تجربه کاربر (UX) همپوشانی دارد. برخی HCI را پیشرو در طراحی UX می دانند.کاربردهای تحقیقاتی در این زمینه بر موارد زیر تمرکز دارد:چگونه می‌توان رابط‌های کامپیوتری بهبود یافته‌ای را طراحی کرد که برای کیفیت‌های خاصی مانند یادگیری، قابلیت یافتن و قابلیت استفاده بهینه شده باشند.نحوه ارزیابی و مقایسه رابط‌های مختلف از نظر قابلیت استفادهچگونه تشخیص دهیم که کاربر انسان است یا کامپیوتر؟چگونگی مطالعه پیامدهای اجتماعی فرهنگی در تعامل انسان و رایانهمهم‌ترین صنایعی که به HCI متکی هستند عبارتند از:واقعیت مجازی و افزوده و غیرهمحاسبات فراگیر و حساس به زمینهفناوری‌های بهداشت و درمانفناوری‌های مبتنی بر آموزشامنیت و سایبریرابط های کاربر صوتی و فناوری های تشخیص سرعتتعامل انسان و رایانه به این ویژگی‌های متقاطع اهمیت زیادی می‌دهد. اینکه چگونه می‌توانیم توانایی‌های انسان را با توانایی‌های یک کامپیوتر ترسیم کنیم؟ انسان و کامپیوتر چگونه با هم تعامل دارند؟ چندین مدل وجود دارد که محققان ارائه کرده اند. در پست بعدی مدل تعامل نورمن را با جزئیات بررسی خواهیم کر. سمانه رستمی‌پور سمانه رستمی‌پور Mon, 27 Nov 2023 10:51:01 +0330 https://virgool.io/@sarina.rostami74/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D9%81%D8%B1%D8%A7%D8%AA%D8%B1-%D8%A7%D8%B2-user-flow%D9%87%D8%A7-%D9%88-%DA%A9%D9%84%DB%8C%DA%A9-%D9%87%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1-%D8%A7%D8%B3%D8%AA-ixe0old0ridi نحوه‌ی ارزیابی هزینه‌های تعامل و بهبود UX:طراحی تعامل به عنوان یک مجموعه مهارتسه مهارت اصلی وجود دارد که هر طراح محصول مدرن باید بر آن‌ها مسلط باشد: تفکر محصول، طراحی بصری و طراحی تعامل.The “table stakes” for all modern product designers.در کل باید در هر سه خوب باشید، اما در دو مهارت مسلط باشید. بیشتر طراحان می‌توانند طراحی بصری و تفکر محصول را از طریق منابع آنلاین، تمرین و ارسال محصولات واقعی به خود بیاموزند.بین موارد ذکر شده، طراحی تعامل چالش‌برانگیزترین مهارت اصلی برای طراحان است.در این مقاله، من پایه و چارچوبی برای یادگیری و بهبود مهارت‌های طراحی تعامل شما ارائه می‌کنم.The difference between UX (user experience) and IxD (interaction design)تعریف هزینه تعاملمفهوم اساسی پشت طراحی تعامل "هزینه تعامل" است که اغلب برای اندازه‌گیری قابلیت استفاده یک محصول استفاده می‌شود. نیلسن نورمن "هزینه‌های تعامل" را به عنوان مجموع تلاش‌های ذهنی و فیزیکی که کاربران باید برای رسیدن به اهداف خود انجام دهند، تعریف می‌کند.به طور کلی، ما می‌خواهیم هزینه‌های تعامل را تا حد امکان پایین نگه داریم. با این حال، این دشوار است، زیرا هرچه موارد استفاده بیشتری را پوشش دهد محصول شما سخت‌تر می‌شود.پشتیبانی از موارد استفاده و عملکرد بیشتر، به معماری اطلاعات (IA) و ناوبری محصول شما پیچیدگی می‌افزاید. مورد استفاده مجموعه‌ای از مراحل است که با هدف کاربر شروع می‌شود و زمانی که آن هدف به دست می‌آید تبدیل به نتیجه می‌شود.یک IA پیچیده‌تر به طور ذاتی تعداد کلیک‌های مورد نیاز برای دستیابی به هدف کاربر را افزایش می‌دهد. به عنوان مثال، یک برنامه ساعت iOS اهداف مورد استفاده از زنگ را به این صورت دارد که: زنگ ساعت را روشن کنید، زنگ هشدار جدیدی ایجاد کنید و زنگ ساعت را ویرایش کنید.The more complex the IA, the more the user has to click to get to their desired screen. Credits: Toptalقانون سرانگشتی بر کاهش هزینه‌های تعامل، در use caseهای اولیه کاربرِ هدف شما تمرکز دارد. هر زمان که یک محصول دارای use caseهای بیش از حد باشد (مثلاً محصولات سازمانی با میلیون‌ها منوی کشویی و ویژگی)، استفاده از آن سخت‌تر می‌شود.هزینه های تعامل فیزیکی و ذهنیاکثر طراحان جوان این تصور غلط را دارند که هزینه تعامل برابر با تعداد کلیک‌های مورد نیاز کاربر برای تکمیل یک کار است.با این حال، بسیار عمیق‌تر از آن است. هزینه‌های تعامل را می‌توان به عنوان هزینه‌های تعامل ذهنی (MIC) و هزینه‌های تعامل فیزیکی (PIC) طبقه‌بندی کرد که در زیر توضیح خواهم داد.ابتدا User Flowهای حیاتی را پیدا کنیدبهترین روش، شناساییِ use caseهای اولیه (یعنی مسیرهای قرمز) و کاهش هزینه‌های تعامل آن‌ها به هزینه موارد استفاده ثانویه و ثالث است.می‌توانید از تجزیه و تحلیل مسیر قرمز (RRA) برای ارزیابی جریان‌های تعامل مورد استفاده برای کاربران اصلی‌تان استفاده کنید.مسیرهای قرمز معمولاً حیاتی هستند، وظایف سرتاسری را با چند مرحله در بر می‌گیرند، اغلب استفاده می‌شوند، برای استفاده با حجم بالا ساخته می‌شوند، بیشترین ارزش را ارائه می‌دهند، معیارهای موفقیت واضحی دارند و با معیارهای محصول مرتبط هستند.You can create an RRA from user interviews or with data if the product is live.به عنوان مثال، در برنامه Uber، مسیر قرمز کاربر درخواست یک ماشین سواری می‌کند، در حالی که مسیر معمولی آن‌ها اضافه کردن یک روش پرداخت است.قانون تسلرطبق قانون بقای پیچیدگی تسلر، همه سیستم‌ها دارای پیچیدگی ذاتی هستند که نمی‌توان آن را حذف یا پنهان کرد.طراحی خوب تضمین می‌کند که بیشتر از بار پیچیدگی بر دوش سیستم است تا کاربر.شما باید با کاهش هزینه‌های تعامل در use caseهای اولیه شروع کنید و بار پیچیدگی را به سمت موارد استفاده کم اهمیت‌تر منتقل کنید.تسلر استدلال کرد که یک طراح و مهندس باید یک هفته بیشتر را صرف کاهش پیچیدگی یک برنامه کند تا اینکه میلیون‌ها کاربر را مجبور به صرف یک دقیقه اضافی کند.مراقب باشید که رابط‌ها را تا حد انتزاع ساده نکنید.زمانی که سیستم تا حد ممکن پیچیدگی ذاتی را مدیریت کرده است، باید بقیه پیچیدگی را از use caseهای اولیه به موارد استفاده ثانویه و ثالث تغییر دهید.به همین دلیل اکثر محصولات دیجیتال تنظیمات پیچیده‌ای دارند. در بیشتر موارد، تنظیمات معمولاً use caseهای سوم هستند و بسیار به ندرت استفاده می‌شوند.تصور کنید که همیشه صفحه تنظیمات را به جای صفحه اصلی می‌دیدید و لازم بود چندین بار کلیک کنید تا به صفحه مورد نیاز خود برسید. احتمالاً از این هزینه‌های تعامل غیر منطقی ناامید خواهید شد.هزینه‌های تعامل ذهنی (MIC)هزینه‌های تعامل ذهنی (MIC) اغلب توسط طراحان جوان که فقط به هزینه‌های تعامل فیزیکی (PIC) توجه می‌کنند نادیده گرفته می شود.هزینه‌های تعاملی معمولی که ممکن است در محصولات با قابلیت استفاده ضعیف متوجه شده باشید شامل ناوبری پیچیده، دستورالعمل‌های متراکم، مدل‌های ذهنی غیر متعارف و الگوهای تعامل و غیره است.توجه و حافظهدو جزء مهم MIC توجه و حافظه هستند.هنگامی که یک کار برای تکمیل نیاز به توجه یا حافظه بیش از حد دارد، MIC نسبتاً بالایی خواهد داشت و در نتیجه قابلیت استفاده کاهش می‌یابد.برخی از عناصر رایج که هزینه‌های توجه را افزایش می‌دهند یا توجه را منحرف می‌کنند عبارتند از بنرهای پاپ‌آپ، مدل‌ها، تصاویر جذاب و حرکت غیرمرتبط با کار فعلی کاربر. کاربران به راحتی منحرف می‌شوند. وقتی کاربران سعی می‌کنند کاری را انجام دهند، مطمئن شوید که توجه آن‌ها را به جای دیگری جلب نمی‌کنید.ارزیابی توجهاگر می خواهید میزان توجه MIC را ارزیابی کنید، یک مطالعه ردیابی چشمی (ETS) را در نظر بگیرید. شما می‌توانید از ETS نه تنها برای استنباط اینکه کاربران به کجا نگاه می‌کنند بلکه به آنچه فکر می‌کنند، استفاده کنید.An example of an ETS.ردیابی چشم (ETS) به طور خاص دو حرکت چشم مرتبط را بررسی می‌کند: "تثبیت" و "Saccade ".تثبیت زمانی اتفاق می‌افتد که مردمک‌های کاربر به اندازه کافی روی یک عنصر رابط درنگ می‌کنند تا آن را پردازش کنند.Saccade زمانی اتفاق می‌افتد که چشم در حال حرکت است - بین نواحی مختلف در رابط شما حرکت می‌کند.اگر ETS شما بسیاری از حرکات ساکادیک بی‌ربط را نشان می‌دهد، احتمالاً به دلیل وجود رابطی است که حواس کاربر را پرت می‌کند! نتایج ETS شما می‌تواند به شما کمک کند بفهمید که آیا کاربران عناصر حیاتی را در رابط از دست داده‌اند، چه چیزی باعث حواس‌پرتی و چه چیزی غیرضروری است.حافظه کاریطبقه‌بندی گسترده‌ای برای انواع مختلف حافظه وجود دارد.برای اهداف ما به عنوان یک طراح، حافظه‌ کاری (بخشی از حافظه کوتاه مدت) مرتبط‌ترین است. کوتاه‌ترین نوع حافظه به عنوان حافظه‌ کاری شناخته می‌شود که معمولاً در طول یک کار فقط چند ثانیه دوام می‌آورد.به عبارت دیگر، حافظه فعال ما مسئول اطلاعاتی است که می‌توانیم در سر خود نگه داریم، در حالی که با سایر فرآیندهای شناختی درگیر هستیم.قانون میلر بیان می‌کند که یک فرد معمولی می‌تواند هر بار فقط 5 تا 11 مورد را در حافظه کاری خود نگه دارد. حافظه کاری مورد نیاز برای تکمیل یک کار در محصول شما متناسب با بار MIC است که بر کاربران خود تحمیل می‌کنید.در هیچ نقطه‌ای، محصول شما نباید کاربر را ملزم کند که هر لحظه بیش از هفت مورد را در حافظه کاری خود نگه دارد.در سناریوهای نادری که از کاربر می‌خواهید بیش از 11 مورد را در حافظه خود نگه دارد، برای کاهش بار ذهنی خود از «تکه کردن» استفاده کنید. قطعه‌بندی زمانی است که تکه‌های مجزا از مجموعه اطلاعات شکسته شده، و سپس به یک کل معنادار گروه‌بندی می‌شوند.به عنوان مثال، ما شماره تلفن‌ها را به عنوان XXX-XXXX به یاد می‌آوریم تا XXXXXXX. به خاطر سپردن عدد در دو تکه آسان‌تر است تا یک سری از هفت واحد مجزا.یکی دیگر از عوامل مرتبط با توجه و حافظه «قانون هیک» است. این قانون می‌گوید: «زمان لازم برای تصمیم‌گیری با تعداد و پیچیدگی انتخاب‌ها افزایش می‌یابد.The more choices there are, the longer it takes the user to make a decision.از تحت فشار قرار دادن کاربران با انتخاب‌های بیش از حد خودداری کنید و در صورت امکان بهترین گزینه را برای آن‌ها برجسته کنید. وظایف پیچیده را به مراحل کوچک‌تر تقسیم کنید، به عنوان مثال، در صورت لزوم از افشای تدریجی استفاده کنید.هزینه های تعامل فیزیکی (PIC)من به جزئیات زیادی در مورد PIC ها نمی‌پردازم زیرا اکثر طراحان آن‌ها را به خوبی درک می‌کنند.فاکتورهای رایج PIC عبارتند از رسیدن به فاصله و عرض هدف (قانون فیت)، تعداد ورودی‌های کاربر و اقدامات لازم برای تکمیل یک کار و غیره.قانون فیت بیان می‌کند که زمان برخورد به یک هدف (به عنوان مثال، کلیک کردن روی یک دکمه) تابعی از فاصله از دستگاه ورودی شما و عرض فریم هدف است.به عنوان مثال، اگر مکان‌نمای ماوس شما دور باشد و دکمه کوچک باشد، کلیک کردن روی دکمه‌ای روی دسک‌تاپ بسیار بیشتر طول می‌کشد.دام های رایج برای پیشگیریبه گفته گروه نورمن نیلسن، برخی از رایج‌ترین جنبه‌های یک محصول که منجر به افزایش هزینه‌های تعامل می‌شود، شامل موارد زیر است:خواندن و پیمایش زیادجستجو برای یافتن اطلاعات مربوط به کاربردرک اطلاعات ارائه شده به کاربرورودی‌های فیزیکی کاربربارگیری صفحه و زمان انتظارسوئیچ‌های توجهبار حافظههزینه‌های تعامل موقعیتیمشکلات ذکر شده در بالا ممکن است بسته به کاربر کم و بیش حیاتی باشد. به عنوان مثال، کاربران کم‌بینا خواندن را چالش برانگیزتر از یک کاربر معمولی می‌دانند.Sourceکاربرانی که دارای اختلالات حرکتی هستند ممکن است کلیک کردن را بسیار سخت‌تر از خواندن پیدا کنند. حتی نوع دستگاه کاربر نیز می‌تواند نقش مهمی ایفا کند. به عنوان مثال، بارگذاری صفحه در یک دستگاه تلفن همراه ، اگر پوشش سلولی کند باشد ممکن است برای همیشه طول بکشد.مسیرهای تعامل و انگیزهدر برخی شرایط، چندین مسیر ممکن وجود دارد که کاربر می‌تواند برای رسیدن به هدف خود طی کند. کاربران بر اساس مفهوم "مطلوب مورد انتظار" تصمیم می‌گیرند که کدام مسیر را طی کنند. به عنوان مثال مطلوبیت مورد انتظار = منافع مورد انتظار - هزینه‌های متقابل مورد انتظار تعریف شده است.به عبارت دیگر، کاربران مزایا و هزینه‌های هر عمل را می‌سنجند و مسیری را انتخاب می‌کنند که بهترین توازن منافع در مقابل هزینه‌ها را داشته باشد.کاربران به سمت مسیری جذب خواهند شد که کمترین هزینه تعامل تخمینی را دارد. حتی اگر مسیری کم‌هزینه وجود داشته باشد، اگر آن مسیر نامشهود یا ناآشنا باشد، به دلیل MIC پایین‌تر، مسیری را که بیشتر با آن آشنا هستند انتخاب می‌کنند.کاربرانی که انگیزه بالایی دارند (مثلاً به دلیل تلاش‌های بازاریابی یا برندسازی شما) احتمالاً هزینه‌های تعامل بالایی را برای تکمیل هدف خود متحمل می‌شوند. برای مثال، اگر وب‌سایت اپل هزینه‌های تعامل بالایی داشته باشد، کاربران ممکن است همچنان انگیزه کافی برای تکمیل وظایف خود داشته باشند.Apple is the world’s most valuable brand for a reason.نتیجه‌گیریهزینه تعامل یک مجموعه مهارت حیاتی برای هر طراح محصول مدرن است. من شما را تشویق می‌کنم که از ملاحظات طراحی تعامل سطحی فراتر بروید و در فاکتورهای متعدد PIC و MIC عمیق‌تر شوید.البته، ما باید تلاش کنیم تا هزینه‌های تعامل را تا حد امکان کاهش دهیم، اما وقتی فشار وارد می‌شود، باید معاوضه‌هایی انجام دهیم تا مطمئن شویم use caseهای اولیه کمترین اصطکاک را دارند.اولین قدم عالی این است که یک مدل ذهنی از قوانین، چارچوب‌ها و تست‌ها ایجاد کنید تا هزینه‌های تعامل طراحی خود را ارزیابی کنید. سمانه رستمی‌پور سمانه رستمی‌پور Sun, 19 Nov 2023 16:18:40 +0330 https://virgool.io/@sarina.rostami74/%D9%86%DA%A9%D8%A7%D8%AA-%D8%A8%D8%B1%D8%AA%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-ux-%DA%A9%D9%87-%D9%87%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D9%86-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF-%D8%A8%D8%AE%D8%B4-3-wqzhdz1s9lri 1. در مرزها زیاده‌روی نکنیددر حالی که طرح‌ها و رنگ‌های پس‌زمینه می‌توانند چیزهای زیادی به طرح‌های شما اضافه کنند، بسیار مهم است که زیاده‌روی نکنید. استفاده بیش از حد از مرزها می‌تواند رابط کاربری شما را به هم ریخته و آن را شلوغ، گیج‌کننده یا قدیمی به نظر برساند. خطوط و رنگ‌های اضافی می‌توانند خود محتوا را کاهش دهند و باعث می‌شوند که رابط کاربری بیش از حد پیچیده باشد و پیمایش آن سخت‌تر شود.برای مثال، رابط کاربری را در نظر بگیرید که از چندین حاشیه و چندین رنگ پس‌زمینه مختلف برای هر بخش استفاده می‌کند. اگرچه هدف ممکن است تعریف واضح مناطق باشد، نتیجه اغلب یک بار اضافی بصری است. حاشیه‌ها و رنگ‌های بیش از حد می‌تواند کاربر را تحت تأثیر قرار دهد و تمرکز روی عناصر ضروری را به چالش بکشد.در مثال دوم، متوجه خواهید شد که هیچ حاشیه‌ای استفاده نشده است. در عوض، طراحی به رنگ‌ها و مقدار زیادی فضای سفید برای جدا کردن بخش‌های مختلف مانند نتایج و دکمه‌ها متکی است. این یک ظاهر تمیز و بدون درهم ریختگی ایجاد می‌کند.هنگامی که به طور محدود و عمدی استفاده می‌شود، مرزها می‌توانند موثر باشند. اما یافتن تعادل مناسب بسیار مهم است. زیاده‌روی در آن می‌تواند از قابلیت استفاده و جذابیت زیبایی شناختی طراحی شما بکاهد. از سوی دیگر، استفاده هوشمندانه از فضای سفید و رنگ‌های پس‌زمینه می‌تواند به همان اهداف جداسازی و فوکوس بدون نویز بصری دست یابد.2. اگر از حاشیه استفاده می‌کنیم باید نازک و سبک باشندوقتی صحبت از استفاده از مرزها در طراحی‌های رابط کاربری می‌شود، ظرافت کلیدی است. حاشیه‌های ضخیم، تیره یا برجسته می‌توانند بر محتوای شما غلبه کنند و باعث می‌شوند رابط کاربری سنگین و قدیمی به نظر برسد.از سوی دیگر، حاشیه‌های نازک و سبک می‌توانند بخش‌های مختلف را به زیبایی مشخص کنند، بدون اینکه در کانون توجه قرار بگیرند. این حاشیه‌های کمتر نفوذی همچنین به حفظ زیبایی سبک و باز کمک می‌کنند، که برای چشم‌ها آسان‌تر است و تجربه کاربری دلپذیرتری را ایجاد می‌کند.بنابراین، دفعه بعد که به فکر اضافه کردن یک حاشیه هستید، به یاد داشته باشید: More is less، به دنبال خطوط ظریفی بروید که کار خود را بدون جلب توجه غیرضروری به خود انجام می‌دهند.3. از رنگ های خیلی روشن برای متن خودداری کنیدتصور کنید در یک کافی‌شاپ هستید و سعی می‌کنید مقاله‌ای را در تلفن خود بخوانید. اگر متن خیلی روشن و خاکستری باشد، ممکن است متوجه شوید که در حال خم شدن یا حتی کج کردن صفحه نمایش برای خواندن کلمات هستید. تجربه کاربری خوبی نیست، درست است؟طراحان گاهی اوقات متن خاکستری روشن را به نام مینیمالیسم یا جذابیت زیبایی‌شناسی انتخاب می‌کنند! اگرچه ممکن است شیک و مدرن به نظر برسد، اما خواندن آن می‌تواند واقعاً چالش برانگیز باشد، به خصوص برای کاربرانی که بینایی ضعیف‌تری دارند.برای امروز کافی است. اما می‌توانید به بیش از 100 نکته طراحی UI/UX مانند این‌ها با UI/UX Playbook دسترسی داشته باشید.اطلاعات بیشتر درباره کتاب بازی طراحی UI/UX:https://www.uxpeak.com/the-ui-ux-playbook سمانه رستمی‌پور سمانه رستمی‌پور Thu, 16 Nov 2023 14:32:21 +0330 https://virgool.io/@sarina.rostami74/%D9%86%DA%A9%D8%A7%D8%AA-%D8%A8%D8%B1%D8%AA%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-ux-%DA%A9%D9%87-%D9%87%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D9%86-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF-%D8%A8%D8%AE%D8%B4-2-vgyutsqxpmsr حقیقت این است که شما به پیشینه‌ی طراحی، استعدادهای خاص یا مدرک دانشگاهی نیاز ندارید. با تسلط بر اصول، نکات و ترفندهای کلیدی، هر کسی می‌تواند طرح‌های UI استثنایی ایجاد کند که مردم دوست دارند.1. اطلاعات مهم را اولویت بندی کنیدقبل از شروع طراحی، ویژگی‌ها یا عناصری را که باید در طراحی رابط کاربری خود بگنجانید فهرست کنید و آن‌ها را بر اساس اهمیت آن‌ها برای کاربر رتبه‌بندی کنید.سپس، می‌توانید از رنگ، اندازه، موقعیت و کنتراست برای برجسته کردن مؤثر اطلاعات مهم و راهنمایی کاربران از طریق رابط به طور مستقیم استفاده کنید.یک اشتباه رایج، تاکید بر عناصر اشتباه است. به عنوان مثال، دو طرح را در نظر بگیرید که معیارها را نشان می‌دهند:در مورد اول، عناوین معیارها (مانند "فروش"، "درآمد" و غیره) فونت‌های بزرگی دارند که تمرکز را از مقادیر واقعی دور می‌کند.در مورد دوم، ارقام مهم (به عنوان مثال، "591") برجسته‌تر هستند و اطلاعاتی را که کاربران به دنبال آن هستند سریعتر می دهد.طرح دوم به درستی انجام می‌شود. با برجسته کردن مقادیر کلیدی، به کاربران کمک می‌کنید تا آنچه را که به دنبال آن هستند راحت‌تر پیدا کنند.2. با افشای محتوا، موانع کاربران را کاهش دهیدشما در حال پیمایش در یک برنامه جدید هستید و اولین چیزی که می‌بینید یک بنر بزرگ است که می‌گوید: «بیش از 100 دستور غذای انتخاب شده توسط سرآشپزهای ما را کشف کنید.» هیجان‌انگیز به نظر می‌رسد، اما یک مرحله اضافی نیز هست. برای دیدن دستورالعمل‌های واقعی باید روی آن ضربه بزنید. این اصل تعامل در عمل است که به عنوان تلاش شناختی، فیزیکی و زمانی که کاربر برای رسیدن به هدف خود باید انجام دهد، تعریف می‌شود.در دنیای پر سرعت امروز، کاربران به دنبال ارزش فوری هستند. با پنهان کردن محتوا در پشت بنرها، یک مانع غیر ضروری بین کاربر و ارزشی که برنامه شما ارائه می‌دهد ایجاد می‌کنید. این هزینه تعامل ممکن است بی‌اهمیت به نظر برسد، اما می‌تواند افزایش پیدا کند، به‌ویژه زمانی که کاربر تازه وارد برنامه شده است و در مورد سرمایه‌گذاری زمان و تلاش خود مطمئن نیست.در عوض، تصور کنید که همان برنامه را باز کنید و بلافاصله فهرستی از «10 دستور غذای توصیه شده آسان» را ببینید. بدون ضربه زدن مورد نیاز است، محتوا همانجاست!این چند کار را انجام می دهد:الف. ارزش سریعکاربران فوراً ارزشی را که برنامه شما ارائه می‌کند می‌بینند، و این باعث می‌شود که بیشتر درگیر شوند.ب. کاهش اصطکاکهرچه کاربر برای رسیدن به هدف خود قدم‌های کمتری بردارد، تجربه کاربری بهتری خواهد داشت. این به معنای افزایش حفظ کاربر و تعامل بیشتر در برنامه شما است.ج. ارتباطوقتی مستقیماً محتوا را در معرض دید قرار می‌دهید، این فرصت را دارید که مرتبط‌ترین یا محبوب‌ترین موارد را به نمایش بگذارید و این احتمال را افزایش می‌دهد که کاربر فوراً چیزی را پیدا کند که به آن علاقه دارد.3. فیلدهایی را برای نوع ورودی طراحی کنیدنکته کلیدی این است که فیلدهایی را طراحی کنید که دقیقاً با نوع اطلاعاتی که از کاربر می خواهید وارد کند، همسو باشد. انجام این کار نه تنها تعامل را ساده می‌کند، بلکه بار شناختی غیر ضروری را نیز حذف می‌کند و تجربه کاربری روان‌تر و کارآمدتر را ایجاد می‌کند. بیایید با مقایسه دو طرح برای وارد کردن کد تأیید شروع کنیم.مثال اول دارای چهار جعبه مجزا و بزرگ با تایپوگرافی بزرگ شده است که مخصوص کد است. در مقابل، دومی از یک فیلد طولانی با متن استاندارد استفاده می‌کند. مزیت روش اول مشهود است: با ارائه یک فضای مشخص مشخص برای هر رقم از کد، احتمال خطا را به حداقل می‌رساند. این فرآیند ورودی را ساده‌تر می‌کند و آن را سریع‌تر و کمتر مستعد اشتباه می‌کند. تایپوگرافی بزرگ شده به تشخیص آسان ارقام کمک می‌کند، به ویژه برای کاربرانی که ممکن است با اندازه فونت کوچک‌تر مشکل داشته باشند مفید خواهد بود.حال، بیایید یک سناریوی دیگر، وارد کردن اطلاعات کارت را مورد بحث قرار دهیم.مثال اول دارای یک فیلد طولانی برای هر بخش از اطلاعات، از جمله CVC، تاریخ انقضا، و کدپستی است. طراحی دوم مؤثرتر است زیرا طول فیلد را با نوع و مقدار داده‌های وارد شده مطابقت می دهد.یک CVC همیشه یک عدد 3 یا 4 رقمی است، بنابراین یک فیلد کوتاه‌تر مناسب‌تر است و کاربر را به طور موثر راهنمایی می‌کند. همین منطق در مورد تاریخ انقضا و کدپستی نیز صدق می‌کند. این فیلدهای مختصر ابهام را از بین می‌برد، از فضا استفاده بهینه می‌کند و در نهایت منجر به تجربه ای ساده‌تر و کاربرپسندتر می‌شود.در هر دو مثال، طراحی «بهتر» کار کاربر را با تراز کردن طراحی فیلد ورودی با داده‌های مورد انتظار آسان‌تر می‌کند. فرم فقط اطلاعات را جمع آوری نمی‌کند بلکه به ورود دقیق و کارآمد آن اطلاعات کمک می‌کند، که هم برای کاربران و هم برای طراحان یک بُرد بُرد است.با The UI/UX Playbook نکات و ترفندهایی را برای ایجاد طرح‌های رابط کاربری که کاربران دوست دارند بیاموزید.https://www.uxpeak.com/the-ui-ux-playbook سمانه رستمی‌پور سمانه رستمی‌پور Thu, 16 Nov 2023 13:47:13 +0330 https://virgool.io/@sarina.rostami74/5-%D9%86%DA%A9%D8%AA%D9%87-%D9%88-%D8%AA%D8%B1%D9%81%D9%86%D8%AF-%D8%A8%D8%B1%D8%AA%D8%B1-uxui-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87%D8%A8%D9%88%D8%AF-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%88%D8%AF-%D8%A8%D8%AE%D8%B41-qznoxdipozcz ما چند نکته و ترفند برای کامل کردن طراحی‌های UX/UI شما آماده کرده‌ایم تا به شما کمک کنیم طرح‌های بهتری ایجاد کنید که مردم دوست دارند و از آن استفاده کنند و با آن‌ تعامل داشته باشند. 1) از متن روی تصاویر به روش درست استفاده کنیدهنگام طراحی اجزایی که حاوی متن روی یک تصویر پس‌زمینه هستند، مهم است که هنگام استفاده؛ مؤلفه مقیاس و خوانایی را در نظر بگیرید. برای مثال، متن روشن روی یک تصویر پس‌زمینه تیره‌تر ممکن است خوانا به نظر برسد، اما آیا وقتی از تصویر پس‌زمینه روشن‌تر استفاده می‌شود، خوانا به نظر می‌رسد؟ سناریوهای مختلفی باید در نظر گرفته شود، مخصوصاً در هنگام برخورد با محتوای تولید شده توسط کاربر، تا اطمینان حاصل شود که این مؤلفه بدون در نظر گرفتن پس‌زمینه مورد استفاده، به خوبی کار می‌کند. با فرض اینکه می‌خواهید متن در برابر هر تصویری که استفاده می‌شود قابل مشاهده و خوانا باقی بماند، چند گزینه وجود دارد که می‌توانید از آن‌ها استفاده کنید. می‌توانید همپوشانی را با یک لایه تار قرار دهید یا از تاری پس‌زمینه استفاده کنید.2) لیست‌های جذاب‌تری ایجاد کنیدبرای ایجاد بهترین تجربه کاربری ممکن، خارج از چارچوب فکر کنید. فهرست‌های شما می‌توانند از نظر بصری هیجان‌انگیز باشند و در عین حال تجربه‌ای عالی برای کاربران فراهم کنند. در برخی موارد، خلاق بودن بیش از حد می تواند مانع از تجربه کاربر شود، بنابراین مطمئن شوید که بیش از حد خلاق نیستید.3) فیلدهای رمز عبور را به روش درست طراحی کنیدهنگام طراحی کامپوننت با ورودی رمز عبور، به کاربران اجازه دهید رمز عبوری را که وارد کرده‌اند ببینند. می‌توانید نماد چشمی را در سمت راست رمز عبور قرار دهید و رمز عبور را طوری تنظیم کنید که وقتی کاربر روی آن کلیک می‌کند، محتوا نمایش داده شود. اجازه ندادن به کاربران برای دیدن رمز عبور یک تجربه کاربر آزاردهنده است، به خصوص در تلفن همراه، و ممکن است تعداد درخواست‌های بازنشانی رمز عبور را افزایش دهد.4) حالت‌های خالی نیز مهم هستندحالت‌های خالی گاهی در طراحی ux/ui نادیده گرفته می‌شوند، اما ممکن است مزایای تجاری قابل‌توجهی داشته باشند و وقتی به خوبی انجام شوند، منجر به تجربه کاربر جذاب‌تری شوند. هنگام طراحی حالت‌های خالی از خلاقیت و تفکر استراتژیک استفاده کنید و از حالت‌های خالی بن‌بست خودداری کنید. در عوض، به کاربران، توصیه یا دعوت به عمل ارائه دهید. می‌توانید تصاویر و نمادها را نیز اضافه کنید تا پیام خود را تکمیل کرده و از فضای سفید موجود استفاده کنید.5) تفاوت بین چک باکس‌ها، دکمه‌های رادیویی و ضامن‌ها را درک کنیدچک باکس‌ها در مقابل دکمه‌های رادیویی در مقابل سوئیچ‌های ضامن. این‌ها سه نوع متداول انتخابگر هستند که می‌توانید در طراحی ux/ui خود استفاده کنید. دکمه‌های رادیویی (Radio buttons) زمانی استفاده می‌شوند که فقط یک گزینه از مجموعه‌ای از گزینه‌ها انتخاب شود، در حالی که چک باکس‌ها زمانی استفاده می‌شوند که بتوان بیش از یک گزینه را از مجموعه‌ای از گزینه‌ها انتخاب کرد. کلیدهای جابجایی زمانی استفاده می‌شوند که فقط یکی از دو حالت ممکن (روشن/خاموش) قابل انتخاب باشد.اعمال این تنظیمات کوچک در طرح‌های شما باعث افزایش رضایت کاربر از محصول شما می‌شود. هنگام طراحی یک رابط کاربری، یک تمرین خوب این است که طرح‌های خود را با کاربران نهایی خود آزمایش کنید. شما می‌توانید تست A/B را انجام دهید تا ایده‌های مختلف طراحی خود را آزمایش کنید و ببینید که چگونه آن‌ها با هم مقایسه می‌شوند. با انجام این کار ممکن است برخی از ترفندها و نکات جدید طراحی ux/ui را به تنهایی کشف کنید.با The UI/UX Playbook نکات و ترفندهایی را برای ایجاد طرح‌های رابط کاربری که کاربران دوست دارند بیاموزید. سمانه رستمی‌پور سمانه رستمی‌پور Wed, 15 Nov 2023 16:30:35 +0330 https://virgool.io/@sarina.rostami74/%D8%A8%D8%B1%DA%AF%D9%87-%DB%8C-%D8%AA%D9%82%D9%84%D8%A8%D9%90-chatgpt-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-ui-ux-u3y0ypjfnu1m هوش مصنوعی جایگزین طراحان نمی ‌شود، اما طراحانی که از هوش مصنوعی استفاده می‌کنند، جایگزین کسانی می‌شوند که از این کار استفاده نمی‌کنند!مشابه آنچه زمانی تصور می‌شد که ماشین حساب‌ها جایگزین ریاضیدانان می‌شوند، بسیاری از این بیم دارند که هوش مصنوعی جایگزین طراحان شود. با این حال، این یک تصور اشتباه است. همانطور که ماشین حساب‌ها جایگزین ریاضیدانان نشدند، هوش مصنوعی نیز جایگزین طراحان نخواهد شد.در عوض، هوش مصنوعی به شما - طراحان، ابزارها و قابلیت‌های جدید برای افزایش کارایی و خلاقیت را ارائه می‌دهد. در این پست، ما بررسی خواهیم کرد که چرا هوش مصنوعی جایگزین طراحان نمی‌شود، بلکه کار آن‌ها را بهبود می‌بخشد. بنابراین بیایید در مورد چگونگی پذیرش ChatGPT برای تبدیل شدن به «غیرقابل جایگزین شدن» در تیم خود صحبت کنیم.1. چک لیست طراحی رابط کاربری را با استفاده از ChatGPT ایجاد کنیدایجاد چک لیست طراحی UI، ابزاری مفید برای طراحان است تا اطمینان حاصل کنند که تمام عناصر لازم برای طراحی در نظر گرفته شده است. با ChatGPT، طراحان به راحتی می‌توانند یک چک لیست جامع ایجاد کنند که عناصر ضروری مانند جریان کاربر، قابلیت دسترسی، طرح رنگ، تایپوگرافی، سازگاری و قابلیت استفاده را پوشش می‌دهد.این درخواست را کپی کنید ??Create a checklist for UI elements for a perfect [Screen / feature] in a tableCreate a UI Checklist using ChatGPT2. گردش کاربر را برای طراحی UX ایجاد کنیداین را تصور کنید: شما به تازگی آخرین محصول خود را راه اندازی کرده‌اید، و در حالی که روی کاغذ عالی به نظر می‌رسد، تعاملی را که انتظارش را داشتید دریافت نمی‌کنید. سر خود را می‌خارید و متعجب می‌شوید که چرا کاربران در اپ یا وب نمی‌مانند! این جایی است که ایجاد یک جریان کاربر وارد می‌شود. این کلید باز کردن رمز و راز نحوه‌ی تعامل کاربران با محصول شما است، به شما کمک می‌کند نقاط درد را شناسایی کنید و در نهایت تجربه‌ی کلی کاربر را بهبود بخشید.با ترسیم نقشه سفر یک کاربر، بینشی در مورد اهداف، اقدامات و موانع احتمالی آن‌ها به دست خواهید آورد.در اینجا نحوه استفاده از Chat GPT آورده شده است:این درخواست را کپی کنید ??Can you create user flow for a [app type]?Create User Flows for Apps using ChatGPT3. دیزاین سیستم را با استفاده از ChatGPT ایجاد کنیددیزاین سیستم‌ها، سازگاری، کارایی و کیفیت را در کار طراحی تضمین می‌کنند، اما ایجاد یک دیزاین سیستم می‌تواند پیچیده و زمان‌بر باشد. ChatGPT می‌تواند با ایجاد سیستمی متناسب با نیازهای شما، در ایجاد تایپوگرافی، پالت‌های رنگی، شبکه‌های طرح‌بندی و نمادنگاری به شما کمک کند.این درخواست را کپی کنید ??Write a design system documentation for a [UI Element]? Represent in a table with the states like default, clicked, hover, active, focus, and disabled. Describe these states with design token (colour, font)Generate Design System using ChatGPT4. پالت رنگی را با استفاده از ChatGPT ایجاد کنیدبا استفاده از قدرت هوش مصنوعی، ChatGPT طیفی از رنگ‌ها را توسعه می‌دهد که متناسب با شخصیت و سبک برند شما هستند و در وقت و انرژی شما صرفه‌جویی می‌کنند.این درخواست را کپی کنید ??Can you suggest primary, secondary and tertiary colors for an [App / Website]? Represent in a table.5. سوالات مصاحبه با کاربر را آماده کنیدبا ChatGPT مانند یک طراحِ حرفه‌ای برای مصاحبه‌ با کاربر آماده شوید. در مورد سؤالاتی که می‌خواهید طرح کنید و چگونگیِ مصاحبه با کاربر، همه با این روش، بینش کنید و در دنیای امروز تحقیقات کاربری خود را ارتقا دهید.این درخواست را کپی کنید ??Generate a user interview questions for an [Idea/App].6. با استفاده از User Persona ،ChatGPT را بسازیدبا ساختن پرسونای کاربر با ChatGPT، کمپین‌های بازاریابی موثر ایجاد کنید و مخاطبان خود را بهتر درک کنید. از این طریق می‌توانید بینش‌های ارزشمندی در مورد جمعیت‌شناسی، رفتارها و انگیزه‌ها به دست آورید.این درخواست را کپی کنید ??Can you create a user persona for an [App/Website]? Represent in a table.Create a User Persona using ChatGPT7. از ChatGPT برای نوشتن نسخه‌های (UX Writing) وب‌سایت استفاده کنیدبا قابلیت‌های مبتنی بر هوش مصنوعی ChatGPT، می‌توانید محتوای شخصی‌شده و باکیفیت تولید کنید که کاملاً متناسب با برند شما باشد و با مخاطبان هدف شما صحبت کند. درخواست زیر را امتحان کنید و تجربه کاربری وب سایت خود را با کپی‌رایتینگِ قانع‌کننده ارتقا دهید.این درخواست را کپی کنید ??You’re a UX writer now. Generate 10 versions of 404 error message for a [App/Website].Use ChatGPT to write website copies and do ux writing8. چگونه با مشتریان مزاحم صحبت کنیداکنون می‌توانیم از ChatGPT برای ایجاد پیامی حرفه‌ای و زیرکانه استفاده کنیم و در عین حال نیاز به پرداختِ آن‌ها را به شیوه‌ای واضح و مختصر بیان کنیم. این درخواست را کپی کنید ??Negotiate with a client who hasn't paid me the final amount even after delivering the project. Can you generate a message I can send him?Write emails and messages using ChatGPT سمانه رستمی‌پور سمانه رستمی‌پور Tue, 14 Nov 2023 17:55:45 +0330 https://virgool.io/@sarina.rostami74/%D9%86%D8%AD%D9%88%D9%87-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-chatgpt-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-ux-xdgsxjfrnob0 آینده اکنون است، و زمان آن فرا رسیده است که از قدرت هوش مصنوعی برای متحول کردن روش طراحی خود استفاده کنید. ChatGPT ابزاری است که برای ارتقای طرح‌های خود به سطح بعدی نیاز دارید، با قابلیت‌های پیشرفته هوش مصنوعی که می‌تواند به شما در طوفان فکری، اجرا و تجزیه و تحلیل آسان کمک کند. در این پست، ما 11 نمونه پیشگامانه را بررسی خواهیم کرد که چگونه ChatGPT می‌تواند نحوه طراحی شما را تغییر دهد و به شما کمک کند تا تجربیاتی ایجاد کنید که ذهن کاربران شما را متحیر کند.1) ایجاد و تبدیل کپی رایتینگایجاد «کپی رایتینگ» که واقعاً با مخاطب هدف شما طنین انداز می‌شود می تواند یک کار چالش برانگیز باشد، اما ChatGPT این روند را ساده می‌کند. چه برای صفحه Landing، کمپین ایمیلی یا توضیحات محصول، اگر نیاز به کپی رایتینگ داشته باشید، ChatGPT می‌تواند متن جذابی ایجاد کند که با صدای برند شما و پیام‌های آن صحبت می‌کند. اما نوشتن کپی جذاب فقط نیمی از کار است، زیرا اشتباهات املایی و دستوری می‌تواند حتی بهترین نسخه را نیز خراب کند. خوشبختانه ChatGPT با قابلیت‌های پردازش زبان پیشرفته‌اش پشتیبان شماست و می‌تواند هر گونه اشتباهی را در کپی شما تشخیص دهد و عبارات جایگزینی را پیشنهاد کند که خوانایی و جریان را بهبود می‌بخشد. با ChatGPT، نه تنها می‌توانید کپی رایتینگ جذابی ایجاد کنید که واقعاً با مخاطبان خود ارتباط برقرار کند، بلکه می‌توانید از بدون خطا بودن آن نیز مطمئن باشید.2) بهبود و بازطراحی نسخه‌ی طراحی شدهنگران نباشید، ChatGPT می‌تواند به ارتقای طرح‌های شما کمک کند. ChatGPT با قابلیت‌های هوش مصنوعی پیشرفته‌اش می‌تواند نسخه‌های موجود شما را تجزیه و تحلیل کند و تغییرات قانع‌کننده‌تر و موثرتر تولید کند. چه بخواهید لحن را تنظیم کنید، پیام‌رسانی را تقویت کنید یا زبان را به‌روزرسانی کنید، ChatGPT می‌تواند گزینه‌هایی را در اختیار شما قرار دهد که عملکرد طراحی شما را بهبود می‌بخشد. و با توانایی بهینه‌سازی طرح خود برای بازطراحی، می‌توانید مطمئن باشید که ChatGPT محتوای شما را به سطح بعدی ارتقاء می‌دهد.3) ایده های طوفان فکری برای محصول شمایکی از مهم‌ترین مراحل در فرآیند طراحی UX/UI ارائه ایده‌های نوآورانه‌ای است که توجه کاربران شما را به خود جلب می‌کند. ChatGPT می‌تواند به شما کمک کند تا ایده‌های تازه و نوآورانه‌ای داشته باشید. شما می‌توانید اطلاعاتی در مورد ارزش‌های برند، ویژگی‌های محصول و مخاطبان هدف خود در اختیار آن قرار دهید و ChatGPT لیستی از ایده‌ها را ایجاد می‌کند که شما را شگفت‌زده خواهد کرد. این روش می‌تواند به شما کمک کند مسیرهای جدید را کشف کنید و راه‌حل‌های خلاقانه‌ای برای چالش‌های طراحی پیدا کنید.4) ایجاد جریان‌های کاربری‌ (User Flow) بصریجریان کاربر یکی از اجزای مهم طراحی UX/UI است و ChatGPT می‌تواند به شما کمک کند تا جریان‌های کاربری بصری و آسان ایجاد کنید. شما می‌توانید اطلاعاتی در مورد ویژگی‌های محصول و اقدامات کاربر خود به آن بدهید و ChatGPT جریانِ کاربری را برای شما فراهم می‌کند که کاربران شما را خوشحال می کند.5) کمک به سوالات تحقیقات کاربرتحقیقات کاربر اساس طراحی محصول موفق است. با ChatGPT، می‌توانید بدون زحمت سؤالات تحقیقاتی ایجاد کنید که نیازها، اولویت‌ها و نقاط دردناک منحصربه‌فرد کاربرانتان را آشکار کند. چه در حال ایجاد یک نظرسنجی یا انجام مصاحبه باشید، ChatGPT می‌تواند فهرستی از سؤالات هدفمند را در اختیار شما قرار دهد که بینش ارزشمندی را در مورد تجربیات کاربران شما به ارمغان می‌آورد.6) ترکیب و تجزیه و تحلیل داده‌هاتحقیقات کاربر برای اطمینان از اینکه محصول شما با نیازها و ترجیحات مخاطبان هدف شما مطابقت دارد، ضروری است. با این حال، جمع آوری و پردازش داده‌های تحقیقاتی می‌تواند یک کار دلهره‌آور باشد. اینجاست که ChatGPT به شما کمک می‌کند تا نتایج را سریع و کارآمد ترکیب و تجزیه و تحلیل کنید.با ChatGPT، می‌توانید داده‌های جمع‌آوری‌شده از تحقیقات کاربر را تجزیه کنید و بر اساس یافته‌ها، بینش و توصیه‌هایی دریافت کنید. این ویژگی در وقت شما صرفه جویی می‌کند و به شما کمک می‌کند تا تصمیماتی مبتنی بر داده بگیرید که محصول شما را بهبود می‌بخشد. ابزار مبتنی بر هوش مصنوعی می‌تواند داده‌ها را از منابع مختلف، از جمله نظرسنجی، آزمایش کاربر، مصاحبه و موارد دیگر تجزیه و تحلیل کند.7) کمک به شما در اولویت‌بندی و انتخاب عناصر برای تمرکزمزایای ChatGPT فراتر از توانایی آن در تجزیه و تحلیل و ترکیب اطلاعات است. با ChatGPT، همچنین می‌توانید از قابلیت‌های تصمیم‌گیری آن برای اولویت‌بندی وظایف و فعالیت‌ها بر اساس نیازهای کاربر و اهداف تجاری خود استفاده کنید. این ویژگی می‌تواند به ویژه زمانی مفید باشد که با مجموعه پیچیده ای از گزینه‌ها یا اولویت‌های رقیب سر و کار دارید و برای تصمیم‌گیری آگاهانه به یک رویکرد بی‌طرفانه و مبتنی بر داده نیاز دارید.علاوه بر این، ChatGPT همچنین می‌تواند به شما در انتخاب بهترین گزینه در میان بسیاری از گزینه‌های موجود کمک کند. این ابزار می‌تواند به ویژه زمانی مفید باشد که در حال طراحی یک ویژگی جدید یا تصمیم‌گیری در مورد بهترین راه برای نزدیک شدن به یک مشکل هستید. با وارد کردن اطلاعات در مورد ویژگی‌های محصول، نیازهای کاربر و اهداف تجاری، ChatGPT می‌تواند به سرعت و با دقت مهم‌ترین حوزه‌هایی را که نیاز به توجه فوری دارند، شناسایی کند.8) ایجاد سرفصل‌های بهترسرفصل‌ها برای طراحی UX/UI بسیار مهم هستند، زیرا توجه کاربران را به خود جلب می‌کنند و تعامل با محصول شما را تشویق می‌کنند. ChatGPT می‌تواند سرفصل‌های شما را با ایجاد تغییرات جذاب‌تر بهبود بخشد و تجربه کاربر را بهبود دهد. همچنین می‌تواند با در نظر گرفتن محصول و مخاطبان هدف شما، همسو با صدای برند و پیام‌های شما، عناوین را از ابتدا ایجاد کند. این ویژگی برای رسیدن سریع به عنوانی جذاب بسیار مفید است.9) توضیح اصطلاحات پیچیدهاگر محصول شما دارای اصطلاحات فنی یا پیچیده است، ChatGPT می‌تواند به شما کمک کند آن‌ها را به زبان ساده برای کاربران خود توضیح دهید. شما می‌توانید شرایط فنی را به آن اضافه کنید، و این ابزار توضیحاتی آسان برای شما ارائه دهد که کاربران شما از آن استقبال کنند.10) ارتباط با ذینفعانهوش مصنوعی ChatGPT می‌تواند ابزاری قدرتمند برای برقراری ارتباط با ذی‌نفعان باشد و استدلال‌ها و شواهدی را برای حمایت از تصمیمات شما در اختیار شما قرار دهد. با وارد کردن اطلاعات در مورد پروژه، سهامداران و تصمیمی که باید بگیرید، ChatGPT می‌تواند به شما در ایجاد یک استدلال متقاعدکننده کمک کند.چه نیاز به ارائه یک پیشنهاد داشته باشید یا لازم باشد بین راه‌حل‌های مختلف انتخاب کنید، ChatGPT می‌تواند به شما در ایجاد استدلال‌های قانع کننده‌ای که توسط داده‌ها، بینش‌ها و روندهای صنعت پشتیبانی می‌شود، کمک کند. این ابزار می‌تواند به شما کمک کند تا ذی‌نفعان را متقاعد کنید که راه حل پیشنهادی شما بهترین گزینه برای پروژه است.علاوه بر این، ChatGPT می‌تواند به شما کمک کند تا اعتراضات یا نگرانی‌های احتمالی ذی‌نفعان را پیش‌بینی کنید و استدلال‌های متقابلی را برای رسیدگی به آن‌ها در اختیار شما قرار دهد. این ویژگی می‌تواند به شما در برقراری ارتباط موثرتر کمک کند و احتمال خرید سهامداران را افزایش دهد.11) ایجاد پیام های موفقیت/ خطا هوش مصنوعی ChatGPT می‌تواند به شما کمک کند پیام‌های موفقیت و خطایی ایجاد کنید که با کاربران شما درگیر و طنین‌انداز شود، که یکی از جنبه‌های مهم طراحی UX/UI است. با ChatGPT، می‌توانید به راحتی زبانی واضح، مختصر و کاربرپسند ایجاد کنید که این موضوع به کاربران کمک می‌کند در عین اجتناب از سردرگمی و ناامیدی احساس موفقیت و آگاهی داشته باشند.اما این همه چیز نیست. ChatGPT همچنین می‌تواند به شما کمک کند خلاقیت و هیجان را به پیام‌های خطای خود تزریق کنید. آیا می‌خواهید پیام خطای 404 شما در بین دیگران متمایز باشد و کاربرانتان را با یک پیام سرگرم‌کننده غافلگیر کند؟ ChatGPT می‌تواند به شما در ایجاد پیام‌های منحصر به فرد و به یاد ماندنی کمک کند بطوریکه تأثیری ماندگار بر روی کاربران شما بگذارد.https://uxpeak.gumroad.comچرا این کتاب الکترونیکی برای هر طراح UX/UI ضروری است: ✅ با تسلط بر ChatGPT، تجربه‌های کاربری استثنایی ایجاد می‌کنید که شما را از بقیه متمایز می‌کند.✅ خلاقیت و مهارت‌های حل مسئله خود را با دستورات ChatGPT خلاقانه تقویت کنید.✅ تجربیات فراموش نشدنی کاربر را ایجاد کنید که مجذوب و الهام‌بخش است.✅ آینده شغلی خود را در دنیای به سرعت در حال تحول طراحی ثابت کنید. سمانه رستمی‌پور سمانه رستمی‌پور Mon, 13 Nov 2023 12:58:31 +0330 https://virgool.io/@sarina.rostami74/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-clean-ui-2-pz07afjqasbv تفاوت‌ها موثرترین راه برای جلب توجه و به یاد ماندنی کردن طراحی برای کاربر است. از طریق کنتراست، طراحان می‌توانند عناصر و اطلاعات ضروری را برجسته کنند، یک چیدمان شیک ایجاد کنند و کاربر را با جزئیات غیرعادی درگیر کنند.هر پروژه طراحی از مجموعه‌ی خاصی از عناصر رابط کاربری تشکیل شده است. همه‌ی این عناصر، با توجه به وظایف رابط کاربری و نیازهای کاربران، باید در چیدمانی بر اساس اهمیت و سلسله مراتب قرار بگیرند. برای مدیریت صحیح توجه کاربر، باید اصول و قواعد اصلی کنتراست را بدانیدو بتوانید به کار ببرید.بیایید در مورد 9 نکته و مثال برای کنتراست صحبت کنیم.اصول انتقادی برای استفاده از کنتراست‌هاهنگام طراحی یک پروژه UI باید به سه اصل مهم پایبند باشید:1) عناصر را به طور قابل توجهی متفاوت کنید چرا که کاربران تنها زمانی متوجه آن‌ها می‌شوند که کنتراست بالا باشد.DESIGNED BY DARIA KRAVETS2) اطمینان حاصل کنید که طراحی شما ساده است و فقط چند افکت دارد زیرا در غیر اینصورت مانع از تمرکز مخاطب شما بر روی چیزهایی می‌شوند که بیشترین اهمیت را دارند.DESIGNED BY CUBERTO3) اطلاعات اولیه و ثانویه را مشخص کنید و اطلاعاتی را که در وهله‌ی اول باید توجه شما را جلب کند برجسته کنید.انواع کنتراست در طراحی رابط کاربریبه طور معمول، کنتراست در طراحی بر اساس عملکردهای مختلفِ عناصرِ چیدمان مانند:اندازهرنگمکانجهتفرمبافتبه کار برده می‌شود.9 نکته و مثال برای کنتراستبیایید نکاتی را در مورد نحوه‌ی استفاده از کنتراست در طراحی UI برای جلب توجه کاربران بیاموزیم.اندازه و نقاط در ترکیباشیاء بزرگتر روی طرح توسط کاربران بهتر درک می‌شوند. بدلیل تضادی که دارند نسبت به موارد کوچک توجه بیشتری را به خود جلب می کنند. نمونه‌ای از استفاده از کنتراست اندازه، فونت های مختلف است. اطلاعات مهم‌تر با فونت بزرگتر مشخص شده است.DESIGNED BY MARGARET LUNINAکنتراست رنگ و پس زمینهکنتراست رنگ تفاوت بین روشنایی رنگ‌ها است. کنتراست نشان می‌دهد که یک رنگ چقدر روشن یا تیره است. یک رنگ متضاد در طراحی برای برجسته کردن عمل اصلی در ترکیب استفاده شده است.DESIGNED BY FILIP LEGIERSKIعناصر خلاقانهتضاد غیرمعمول دیگر تفاوت بین عناصر خلاقانه و جالب رابط کاربری و جزئیات آشنای چیدمان است. این‌ها می‌توانند تصاویر غیر معمول، اشکال جالب، پاپ آپ‌ها، انیمیشن‌ها و موارد دیگر باشند.چنین عناصری در میان جزئیات آشنا برای کاربر برجسته می شوند - دکمه ها، فرم های وب و سایر بلوک های رایج در سایت. بدین ترتیب که طراح توجه را به اطلاعات لازم، بنر همراه با تبلیغات و فراخوان جلب می کند و می‌تواند بازدیدکننده سایت را به اقدام هدفمند ترغیب کند.DESIGNED BY CUBERTOعناصر متحرکعناصر متحرک بیشتر توجه کاربران را به خود جلب می کنند و هرگز بی توجه نمی‌مانند. استفاده از انیمیشن برای کنترل توجه کاربر موثر است.DESIGNED BY CUBERTOبافت‌هابا کمک بافت‌ها و الگوهای مختلف، می‌توانید بین بلوک‌های طراحی خود تضاد ایجاد کنید و توجه کاربر را به جزئیات خاص جلب کنید. همچنین، بافت‌ها اغلب به عنوان پس زمینه برای اشیایی که می‌توانند به عنوان کنتراست استفاده شوند، استفاده می‌شوند. به عنوان مثال، یک عنصر روشن در یک بافت تیره نه تنها تضاد با رنگ، بلکه تضاد "مواد" است.DESIGNED BY CUBERTOترکیب‌بندییکی دیگر از رویکردهای مبتنی بر کنتراست، ویژگی های ترکیب UI است. عناصر را می‌توان به گونه ای چیدمان کرد که با توجه به فاصله بین آن‌ها توجه کاربران را به خود جلب کند. این رویکرد با وجود فضای سفید در سایت مشخص می‌شود.طراحان از فضای سفید زیادی استفاده می‌کنند و توجه را به اشیاء جلب می‌کنند: تصویر محصول، عنوان، منو و Call to action.DESIGNED BY HRVOJE GRUBISICفرم‌هاشکل یک عنصر راه دیگری برای برجسته کردن آن در چیدمان و جلب توجه کاربر است. این تکنیک را می‌توان با اشکال هندسی ساده نشان داد. اگر چهار شکل با اندازه و رنگ یکسان را در یک ردیف قرار دهیم، اما یکی از آن‌ها شکل متفاوتی داشته باشد، این بلافاصله توجه را جلب می کند.در طراحی، همه چیز بر اساس یک اصل کار می‌کند. اغلب عناصر به اشکال هندسی شکل می‌گیرند یا به سادگی در بلوک‌هایی با اشکال مختلف قرار می‌گیرند. در عین حال باید هماهنگی و مطابقت فرم با سبک پروژه را کنترل کنید. البته ترکیب غیرمعمول نیز امکان‌پذیر است، اما در این مورد، ترکیب و سبک باید با یکدیگر هماهنگ باشند.DESIGNED BY PURRWEB UI/UX AGENCYتایپوگرافیهمچنین می‌توانید با تایپوگرافی تضاد ایجاد کنید. این به وضوح در مقالات و انواع دیگر محتوای متنی دیده می‌شود. به عنوان مثال، اگر باید توجه کاربر را به اطلاعات خاصی جلب کنید، می‌توانید آن را با فونتی متفاوت از محتوای اصلی برجسته کنید. رعایت اصول اولیه تایپوگرافی بسیار مهم است:از بیشتر از 2 تا 3 فونت در طرح بندی استفاده نکنید.از فونت‌هایی استفاده نکنید که با سبک سایت مطابقت دارند.پاراگراف‌ها را جدا کنید.DESIGNED BY HRVOJE GRUBISICدکمهرنگ یک دکمه فقط یک جنبه است، جنبه‌های دیگری چون حجمِ برچسب یا حاشیه آن کاربر را از وضعیت فعلی خود آگاه می‌کند. وقتی تضاد واضح باشد مشخص می‌شود که آیا یک عنصر معین؛ تعاملی، فعال یا غیرفعال است و چه نوع عملی را نشان می‌دهد: اولیه یا ثانویه.DESIGNED BY ALEX TKACHEVنتیجهبه طور کلی کنتراست ابزار اصلی برای جلب توجه کاربر است. استفاده از ترکیبات مختلف (به عنوان مثال، اشکال ، عناصر جالب + سایه های رنگ روشن) به طراحان اجازه می‌دهد تا منبع جالب و به یاد ماندنی ایجاد کنند که محصولات را به خوبی نمایش دهد. بسته به جهت و استفاده از هویت سازمانی در طراحی، توسعه‌دهندگان می‌توانند با استفاده از تضاد در رنگ‌ها، شکل‌ها، ترکیب‌بندی و سایر تکنیک‌ها، روحیه کاربران را تغییر داده و فضایی خاص در سایت ایجاد کنند.https://www.flowmapp.com سمانه رستمی‌پور سمانه رستمی‌پور Sun, 12 Nov 2023 15:47:00 +0330 https://virgool.io/@sarina.rostami74/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-clean-design-r8mvcurmlug5 به طور خلاصه، « Clean UI » بیشتر در مورد دستیابی آسان و سریع کاربر به اهداف خاص خود بوده؛ که چنین رابط کاربری عمدتاً مبتنی بر تعامل و مینیمالیسم است.اگر بخواهیم موفق ترین نمونه های مشکلات اجرای سلسله مراتب و تعادل را در کتاب « Refactoring UI » در نظر بگیریم؛ به 8 نمونه‌ی زیر می‌رسیم:1) تاکید کاربران بر چیزهای درستدر مورد طراحی دیجیتال باید قوانینی به خصوص در مورد تمیز و ساده نگه داشتن رابط کاربری وجود داشته باشد؛ بنابراین به این فکر کنید که در وهله‌ی اول چه چیزی را باید در UI خود برجسته کنید!معمولاً هر عنصر اصلی در طراحی اولویت خاص خود را دارد که این موضوع می‌تواند دسترسی آسان وسریع کاربران را به عملکردهای اساسی یک محصول دیجیتالی فراهم ‌کند.DESIGNED BY ONYINYE CEE2) از قدرت رنگ استفاده کنیدبه‌جای بکارگیری مجموعه‌ای از رنگ‌های همخوان، سعی کنید رابط کاربری خود را با یک رنگ ایجاد کنید و در طراحی با استفاده از تُنالیته‌های مختلف با رنگ «بازی» کنید. گاهی اوقات، اولویت یک ویژگی خاص را می‌توانید با تغییر اندازه فونت برای کاربر روشن کنید. این رویکرد، خوانایی محتوای رابط کاربری را ساده نگه می‌دارد.DESIGNED BY JORDAN HUGHES3) به نحوه ضعیف کردن اثر عناصر ثانویه فکر کنیداگر نمی‌دانید چگونه عناصر اصلی رابط کاربری را برجسته کنید، شاید فقط باید راه دیگری را امتحان کنید و تاکید بر موارد ثانویه را کاهش دهید. برای مثال با تغییر اندازه فونت و یا رنگ موارد ثانویه می‌توانید بر عناصر اصلی تاکید بیشتری کنید.4) توجه را به محتوای اصلی جلب کنید، نه به عنوانگاهی اوقات طراحان به اشتباه روی سرفصل‌‌ها تمرکز می‌کنند و آنچه در زیر آن‌ها قرار دارد اهمیت ثانویه می‌یابد. این رویکرد اشتباهی در زمینه ایجاد یک رابط کاربری تمیز است، چرا که محتوا اولویت داشته و سلسله مراتب بصری شکسته شده است!5) کنتراست را کاهش دهیدممکن است متوجه شده باشید که آیکن‌ها اغلب فضای بسیار زیادی را اشغال می‌کنند و "سنگین" به نظر می‌رسند، به خصوص اگر در کنار متن قرار گیرند. بنابراین، برای اینکه رابط به خوبی متعادل به نظر برسد، برای چنین عناصری کنتراست را کاهش دهید.6) اتصال به معناشناسی را کاهش دهیداگر کاربران شما نیاز دارند تا چندین عمل را در یک صفحه به طور همزمان انجام دهند، نباید صرفاً به معناشناسی وابسته باشید. خیلی بهتر است به سلسله مراتب عناصری که به کاربران اجازه انجام این اقدامات را می‌دهند، فکر کنیم. به این ترتیب، شما یک رابط بصری بدون جزئیات غیر ضروری ارائه خواهید کرد.DESIGNED BY MONTY HAYTON 7) بیشترین استفاده را از فضای خالی ببریدحتی با وجود یک سلسله مراتب دقیق، خطر القای حس تمیز و ساده نبودن UI به کاربران می‌باشد. به یاد داشته باشید که Clean UI قبل از هر چیز در مورد استفاده کافی از فضای خالی است پس در طراحی خود اجازه دهید عناصر UI نفس بکشند – برند اپل سالانه این رویکرد را در طراحی‌های خود بکار می‌گیرد.8) سیستم فاصله و اندازه خود را ایجاد کنیدسیستم شبکه‌ای به عناصر اجازه می‌دهد تا بر اساس درصد، نسبت بهینه‌ای بین اندازه های خود داشته باشند. اگر قبل از شروع کار، یک سیستم فاصله‌گذاری و اندازه برای پروژه خود ایجاد کنید؛ با بسیاری از مشکلات طراحی رابط کاربری که اکثر طراحان با آن مواجه هستند مواجه نخواهید شد. این به ویژه برای کسانی که عادت به کار با ابزارهای مرورگر دارند صدق می‌کند.DESIGNED BY MAX BURNSIDEامیدواریم به شما کمک کرده باشم تا با استفاده از مثال‌های ساده و قابل فهم، ویژگی‌های ایجاد یک رابط کاربری تمیزه و ساده را درک کرده باشید و اکنون بتوانید از آن‌ها برای الهام بخشیدن به پروژه‌های خود استفاده کنید.#Clean_UI سمانه رستمی‌پور سمانه رستمی‌پور Sat, 11 Nov 2023 14:01:53 +0330 https://virgool.io/@sarina.rostami74/%D8%AA%D8%B3%D8%AA-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%D9%BE%D8%B0%DB%8C%D8%B1%DB%8C-%D8%B7%D8%B1%D8%AD-%D9%BE%DB%8C%D8%B4%D9%86%D9%87%D8%A7%D8%AF%DB%8C-%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86-%DA%A9%D9%85%D8%AF%D8%A7-psqoxam7skhk تست کاربردپذیری:بعد از کامل شدن نمونه اولیه اپلیکیشن از پنج نفر از کسانی که شرایطی نزدیک به پرسونا مورد نظر داشتنند خواسته شد که برای تست نسخه جدید صفحه ی «خانه» کمدا با طراح همکاری کنند.برای این کار طراح، لینک پروتوتایپ را دراختیار کاربران مورد آزمایش گذاشته و تسک ها را مرحله به مرحله نوشته و بصورت جدولی برایشان ارسال کرده است که نظراتشان را بصورت کیفی ثبت کنند و در آخر در قالب یک ویس انتقادات و پیشنهادات خودشان را برای طراح ارسال کنند.در قالب این متن و تعریف این سناریو برای کار:سلامم،خوش اومدی.امروز می خوایم به کمک شما نسخه جدید اپلیکیشن کمدا در بخش «خانه» رو تست کنیم. ممنون که وقتت رو دراختیار ما میگذاری.خوب بیا فرض کنیم که شما چند تا لباس نیاز داری که علاوه بر قیمت های بالای توی بازار، دغدغه ی محیط زیستی هم باعث شده بخوای از طریق اپ کمدا خریدهای موردنظرت رو انجام بدی؛ اما شلوغی و ساماندهی پایین صفحه «خانه» کمدا تو رو سردرگم میکنه که ما تست این نسخه جدید رو بهت پیشنهاد می کنیم.لینک پروتوتایپ جهت تست کاربردپذیری :https://xd.adobe.com/view/64a8cde2-483d-4e9a-b3b6-eb7f845ed1ee-31fb/?fullscreen&hints=offکاربران انتخاب شده جهت انجام تست کاربردپذیری:تعریف تسک ها:تسک1: اول با دیدن چندتا توضیح مختصر در مورد اپ کمدا و کاربردهاش وارد میشن و در ادامه با چندتا حرکت عضو می شی.تسک2: وارد کمدا من در بخش «خانه» می شی و میتونی با کمک چشمت و تجربیات گذشتت از دیگر اپ ها و آیکون ها نحوه ی کاربری رو یاد بگیری و هدفت رو دنبال کنی.تسک3: میتونی با ضربه زدن روی هر کمشاخ و کمد جادویی پروفایل اولیه ی اون رو مشاهده کنی و در صورت تمایل اون رو تعقیب کنی و حتی از صفحه ش بازدید کنی.تسک4: با باز کردن هر کدام از داشبورد ها اطلاعات و نیز دسته بندی هایی در اختیار تو قرار می گیره.تسک5: با ضربه زدن بر روی هر کدام از نتایج جستجو، صفحه ارائه محصول-جزئیات برای شما نمایش داده خواهد شد.تسک6: اگر دنبال محصول خاصی هستی میتونی اون رو توی مرورگر جستجو کنی،از هشتگ های آماده کمک بگیری و حتی با کمک فیلتر ها جستجوت رو پیشرفته کنی.تسک7: اگر تمایل به تعامل بیشتر با کمدا داشته باشید و کمدا میتونه همراه همیشگیتان در فعالیت های روزمره باشد و نیز آموزش ها کاربردی زیادی را در اختیار شما قرار دهد، میتوانید وارد بخش علاقمندی ها شوید؛در غیر اینصورت مختارید که از این بخش صرف نظر کنید.تسک8: در صورت پسندیدن و مارک کردن بخشی از آیتم های علاقمندی ها،در بخش پسندیده ها حفظ و برای شما به نمایش گذاشته می شود.تسک9: اگر تمایل به تعامل بیشتر با بعضی از کاربران کمدا داشته باشید و بخواهید کمدها و تخفیفات آنها دم دستتان باشد،بعد از اینکه شما هر کاربر را تعقیب کنید ما پست ها و توییت ها و وضعیت او را در بخش «دوستان» در اختیارتان قرار می دهیم...جدول نتایج کیفی:بطور کلی تمامی کاربران از کار با نسخه ی جدید احساس بهتری داشتند و معماری اطلاعات و رابط کاربری برایشان بسیار خوشایندتر بود.80% از پیکربندی جدیدی که برای بخش «خانه» کمدا طراحی شده بود رضایت داشتند.60% آنها علاوه بر اینکه از کار با نسخه جدید رضایت داشتند و مابقی نظرات خود را جهت اصلاح و بهتر شدن ارائه دادند.بــاگ ها و مشـــکلات:نکاتی که کاربران به آن رسیدند:کاربر درTask1 قاب های قسمت توضیحات را مانند تب ورود قابل کلیک فرض کرده بود.دو نفر از کاربران بیان کردند که لازم است در Task2 فروش ویژه در صفحه اصلی نمایش داده شود و در داشبوردها نباشد.یکی از کاربران در Task2 داشبورد دایره ای را زمان برده تا متوجهش شده است.یکی از کاربران در Task6در فهم مفهوم«فقط کالاهای اصل» دچار ابهام شد.نکاتی که خودم به آن رسیدم:کوچک بودن سایز استوری کمشاخ ها و کمدهای جادوییطبق بازخوردی که از کاربران گرفتم،طراحی UX و UI میتواند تاثیر بسزایی در ترغیب کاربران به استفاده از اپلیکیشن کمدا و حتی حفظ آنها داشته باشد.پیشـــنهادات:در قسمت «علاقمندی ها» اطلاعات و آموزش هایی مربوط به استایل،رنگ،مد و فشن،نحوه ی عکاسی،کلیپ های خود انجام بده و چیز هایی از این قبیل در اختیارمان قرار گیرد که مرتبط تر با هدف اپلیکیشن باشد و امکان ذخیره کردن آموزش مورد علاقه مان را داشته باشیم.توضیحاتی اولیه و کوتاه در مورد کمشاخ و کمد جادویی به کاربر داده شود.رنگ نوشته ها در قسمت ارائه محصول-جزئیات قابل دید تر باشد.تعداد رفت و برگشت کاربر در داشبورد دسته بندی ها کمتر شود.ترکیب کردن بخش مرتب سازی و فیلتر در یک صفحه که نیازی به مراجعه مجزا نباشد.طراح به کمک تست کاربردپذیری و با توجه به باگ ها و مشکلات استخراج شده و پیشنهادات دریافت شده از کاربران، درصدد آپدیت جدیدی از طرح پیشنهادی خود است.با تشکر از توجه شما سمانه رستمی‌پور سمانه رستمی‌پور Mon, 19 Apr 2021 21:07:45 +0430 https://virgool.io/@sarina.rostami74/%D9%81%D8%A7%D8%B22%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D8%AC%D8%AF%D8%AF-ux-%D9%88-ui-%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86-%DA%A9%D9%85%D8%AF%D8%A7-r8jrmg8oraqz یادداشت نکات جمع آوری شده از فاز1 جهت اعمال در طراحی:بدلیل حجم بالای کار و زمان بر بودن ریدیزاین کل اپلیکیشن،با هماهنگی استاد مربوطه تنها به طراحی رابط و تجربه کاربری مشکل دارترین و در عین حال پرکاربردترین بخش اپ یعنی بخش «خانه» کمدا پرداخته شده است.1) ترکیب آیتم های «خانه» و «جستجو» برای دم دست بودن آیتم های ضروری در قسمت «خانه» و با هدف تغییر کاربری قسمت جستجو به بازارگردی.2) دسته بندی ها با نظم باشد و از کلمات قابل فهم استفاده شود که کاربر گیچ نشود.3)پروفایل های(در قالب استوری)کمشاخ ها بزرگتر و بالاتر از کمدهای جادویی نمایش داده شود که کاربران را به فعالیت بیشتر در کمدا برای دیده شدن ترغیب کند نه پول دادن و جادویی کردن کمد.4)دسته بندی ها،کالکشن و... بصورت ستونی و پنجره بسته باشد که شلوغی را به حداقل برساند (در صورت نیاز کاربر با tab باز شود)5)قابلیت سرچ با هشتگ(هشتگ های آماده جهت افزایش در سرعت کاربری)6)تبلیغات در بالای صفحه بصورت رندوم نمایش داده شود که کاربر در صورت نیازش با ضربه زدن بر هر صفحه تبلیغ وارد سایت مربوطه شود و در صورت عدم تمایل آن را ببندد(با هر بار رفرش مجددا اپ نمایش داده خواهد شد).7)امکان تعیین رنج قیمت،تعیین برند،رنگ و جنس توسط فیلترها8) محو شدن بکگراند اپلیکین بهنگام باز کردن داشبور اصلی(داشبورد دایره ای) جهت جلوگیری از پرتی حواس کاربر و فوکوس بر هدفطراحی Low-Fidelity-Wireframesطراحی low-fidilety-wireframe برای صفحه «خانه» اپلیکیشن کمدا :سناریواز بین سناریوهایی که کاربران کمدا میتوانند داشته باشند طراح دو سناریو ورود و استفاده از «خانه» کمدا را در نظر گرفته: در سناریو1 کاربر تنها به قصد خرید محصول مورد نظر عضو میشود و دنبال سریع ترین و کاربردی ترین مسیر برای جستجو،مقایسه،تعامل و خرید است و در سناریو2 کاربر عجله ای برای خرید ندارد و حتی تمایل دارد ارتباط نزدیک تری با اپ برقرار کند چرا که بتواند اپ شماره یک زندگی روزمره او شود و افرادی را دنبال کند و همانند اینستاگرام مشغول چالش ها،آموزش ها و دیگر کاربری هایش شود . این مدل طراحی، کاربردپذیری سریع و آسان برای کاربر با هر دو سناریو ذکر شده را به همراه می آورد. لازم است متذکر شد که طبق بررسی های انجام شده تفکر طراحی بنیانگذار اپ کمدا به تعاملی و دوستانه تر کردن کمدا گرایش دارد.از این رو قسمت«خانه» کمدا به سه بخش تقسیم شد که کاربر با سناریو1 تنها با بخش«کمدا من» میتواند به هدف خود که انتخاب و خرید محصول مورد نظر و عدم تعامل بیشتر با اپ است برسد و بخش های «علاقمندی ها» و «دوستان» برای کاربر با سناریو2 که تمایل به تعامل بیشتر با اپلیکیشن و کاربرانش دارد،طراحی شده است.ایده ها:بخش «کمدا من» صفحه ی «خانه» اپ کمدا، جهت استفاده برای کاربرانی که تنها قصد خرید و فروش دارند و برای آنها زمان مهم است و تمایلی به تعامل بیشتر با کمدا ندارند. قرار گرفتن پست ها و اطلاعیه های به اشتراک گذاشته شده ی افراد دنبال شده بوسیله ی کاربر به ترتیب زمان اشتراک گذاری(مانند اینستاگرام)؛ در بخش «دوستان» صفحه ی «خانه» اپ کمداقرار دادن انواع علاقمندی های قابل شخصی سازی برای کاربر در بخش«علاقمندی ها» صفحه «خانه»اپ کمدابعد از طراحی وایرفریم های اولیه بصورت دستی و با توجه به فهم مسئله؛ به طراحی با جزئیات بیشتر در لایه ی انسان، با توجه به آموزه ی های آقای علی بابایی پرداخته شده که در ادامه به بعضی از موارد بطور مختصر اشاره خواهد شد:High-Fidelity-Wireframes:ارگونومی فیزیکی:در دیزاین باید محدودیت های فیزیکی انسانها در نظر گرفته شود.شناخت فاکتورها و محدودیت های شناختی در تعامل:تصمیم گیری : کنجکاوی کاربران برای شناخت اپلیکیشن آنها را به تست رابط کاربری و تشویق به تعامل با اپ وا می دارد؛که در شکل به آن اشاره شده است.یادگیری: استفاده از فضایی آشنا مانند اینستاگرام و توییتر و نیز آیکون های معمولمحدودیت های حافظه: اندازه و شکل متفاوت داشبوردها جهت قابلیت به یادآوری بیشتر کاربرپیش بینی: استفاده از آیکون هایی که خود افوردنس استفاده را به کاربر القا می کنند مانند آیکون + و «ضربدر» در داشبورد هاسطح غریزی: از آن جهت که اکثریت کاربران خانم هستند و خانم ها نیز به طور غریزی به فرم های منحنی و کرودار علاقه دارند و با این فرم ها راحتتر ارتباط برقرار می کنند، در طراحی رابط کاربری از این مدل فرم ها استفاده شده.سطح رفتاری: پاسخگویی به انجام هر عمل کاربر در هر مرحلهسطح بازتابنده: بازخورد آنی به کاربر بعد از انجام هر عمل- استفاده از رنگ های لوگو در طراحی بخش های اثرگذار رابط کاربری که به کمک هویت سازمانی بازتابنده استارتاپ کمدا باشد.لینک پروتوتایپ ساخته شده با Adobe XD:https://xd.adobe.com/view/64a8cde2-483d-4e9a-b3b6-eb7f845ed1ee-31fb/?fullscreen&hints=offدر فاز بعدی به تست کاربردپذیری این پروژه پرداخته شده است.با تشکر از توجه شما سمانه رستمی‌پور سمانه رستمی‌پور Mon, 19 Apr 2021 19:33:55 +0430 https://virgool.io/@sarina.rostami74/%D9%81%D8%A7%D8%B21-%D8%AC%D9%85%D8%B9-%D8%A2%D9%88%D8%B1%DB%8C-%D9%86%DB%8C%D8%A7%D8%B2%D9%85%D9%86%D8%AF%DB%8C-%D9%87%D8%A7-%D9%88-%D9%85%D8%B4%DA%A9%D9%84%D8%A7%D8%AA-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%DA%A9%D9%85%D8%AF%D8%A7-civ8umhkl1ex قبل از شروع بحث باید عنوان کنم که این مقاله بر اساس پروژه دانشگاهی کارشناس ارشد طراحی صنعتی ارائه شده است که به دلیل جذب شدن به استارتاپ و هدف کمدا، در جهت طراحی مجدد این اپلیکیشن به جمع آوری اطلاعات جهت شناخت اهداف استارتاپ کمدا و نیازمندی ها و مشکلات کاربران آن پرداخته است.معرفی کمداکمدا استارتارتاپی است برای فروش لباس‌های دست دومِ در حد نو که در کمد های شما در حال خاک خوردن هستند. یک استارتاپ جدید در حوزه فروش است که جامعه کاربریش رو بیشتر خانم‌ها تشکیل میده این اپلیکیشن به کاربران خودش کمک میکنه تا لباس‌ها (نو یا کار کرده) و همینطور زیورآلات،دکوریجات و اشیاء دیگر رو خودشون رو برای فروش دراختیار سایرکاربران قرار بدن در واقع شما میتونید در این اپلیکیشن لباس‌هایی که عملا دیگه استفاده‌ای ازشون نمیکنید رو با قیمت پایین‌تر بفروش برسونید و در عین حال که بهتون کمک میکنه تا کمد خودتون رو خلوت‌تر کنید یه درآمد کوچیکی هم میتونه براتون داشته باشه.گروه هدفگروه هدفاین برنامه برای تمامی خانم ها و آقایانی که قصد خرید و فروش لباس های(و دیگر آیتم های مورد تایید کمدا) زنانه و کودکانشان را دارند می باشد.افردی که توانایی و قابلیت کار با اپلیکیشن های موبایل/تبلت/لپتاپ و کامپیوتر را دارند.بررسی نمونه های موجود داخلی :اپلیکیشن وینکاپلیکیشن دیواراپلیکیشن شیپوربرررسی و آنالیز استارتاپ کمدا با طرح سوالاتی در لایه های:• هدف و استراتژی کمدا چیست؟ • هویت سازمانی کمدا چیست؟ • مشتریان کمدا چه کسانی هستند و چه کسانی میتوانند باشند؟ • وجه تمایز کمدا با نمونه های مشابه چیست؟ • کاربران چه وقت هایی از کمدا استفاده می کنند؟ چه زمان هایی مخاطب احساس نیاز به محصول می کند؟ • چه چیزهایی باعث درک و ارتباط بیشتر کاربر با محصول میشود؟ • چه ویژگی از محصول میتواند کاربر را ترغیب به استفاده و استفاده مجدد کند؟ • کاربر از محصول انتظار چه خدماتی دارد؟ • کاربر چه کارهایی میتواند از طریق محصول انجام دهد؟ • محصولات مشابه در بازار ایرانی کدامند؟ • چه ویژگی هایی از این محصول آن را نسبت به نمونه های مشابه در بازار متمایز می کند؟ • این محصول در بازار چه رقیب هایی دارد؟ • چه ویژگی هایی میتواند به محصول در بازار بین رقیبان برتری دهد؟ • عمده سهم بازار برای خرید چه نوع لباس/پوشاک/زیورآلات/دکوریجات و ظروفی است؟ • بازار فروش لباس ها و اشیاء استفاده شده در حد نو نسبت به لباس ها و اشیاء نو چگونه است؟ • توانایی خرید چه لباس ها و اشیائی برای مردم وجود ندارد؟ • انگیزه ی کاربران از استفاده از این محصول چه می تواند باشد؟ • این محصول کاربران خود را متعلق به چه گروهی از جامعه می کند؟ • کاربر چه حسی را زمان استفاده و پس از استفاده از محصول تجربه می کند؟ • چه تجربه ای کاربر را ترغیب به استفاده مداوم از محصول/خدمت می کند؟ • چگونه میتوان حس تعلق خاطر را در کاربر جهت استفاده از محصول ایجاد کرد؟ چگونه میتوان به کمک ارزش فکری/روانی/فیزیکی و اجتماعی کاربر را ترغیب به استفاده از محصول/خدمت نمود؟ بررسی نیازهای کاربران کمدا با استقاده از تئوری JTBDدر عین حال که بهتون کمک میکنه تا کمد خودتون رو خلوت‌تر کنید یه درآمد کوچیکی هم میتونه براتون داشته باشهبرطرف کردن مشکل توانایی پایین کاربر برای خرید لباس و وسایل برند و حتی تولید داخلی نو برطرف شدن دغدغه کاربر در جهت مصرف گرایی و حفظ محیط زیستبرطرف شدن دغدغه کاربر در جهت کمک به دیگرانبرطرف کردن مشکل خریدهای اشتباهی و هیجانی که پشیمانی به همراه داردطراحی پرسونا کمدا با توجه به اطلاعات جمع آوری شده :مصاحبه با دو نفر از کاربران کمدا که به پرسونا نزدیک بودند:سوالات مصاحبه:1) معمولا چگونه خرید می کنی؟2) سرگرمی هات چیه و معمولا اوقات فراغتت و چگونه میگذرونی؟3)وسایل و لباس هایی رو که برات به هر دلیلی مورد استفاده نیست رو برنامه ای براشوندر نظر می گیری؟ چگونه؟4)از چه طریقی با استارتاپ کمدا آشنا شدی؟5)چی شد که احساس کردی به اپلیکیشن کمدا نیاز داری یا میتونه برات کاربردی باشه ؟6)وقتی وارد اپلیکیشن شدی آیا براحتی تونستی به بخش مورد نظرت دسترسی پیدا کنیو ارتباط برقرار کنی؟نظرت درمورد دسته بندی ها چیه؟چرا؟7)چه چیزی به خرید از کمدا ترغیبت می کرد و چه چیزی باعث دودلی و یا منصرفشدنت از خرید می شد؟8)آیا خرید و فروش در این اپ انجام داده ای؟و از مراحل خرید و فروش کالا در کمدارضایت داشته ای؟چرا؟9)نقاط قوت و ضعف کمدا را نسبت به اپ دیوار و شیپور و وینک در چه چیزهایی می بینی و چرا؟10)بنظرت این اپ چطور میتونه در حفظ کاربران عملکرد بهتری داشته باشه؟ حرف دیگه ای داری که بزنی؟فاطمه 28 ساله ساکن اصفهان آناهیتا 30 ساله ساکن تهران نتایج اصلی بدست آمده از هر دو مصاحبه:یکی دو بار آنلاین خرید کردم با سفارش مطابقت نداشته و به همین خاطر دیگه تمایلی ندارم.خیلی از وقتم و توی اینستاگرامم،ورزش می کنم،کتاب می خونم و به اطلاعات مربوط به گردشگری ،فرهنگی ، جغرافیایی و خودشناسی علاقمندم.نمیدونم باید باهاشون چیکار کنم و خیلی از لباسای در حد نو دارم که استفاده نمی کنم؛پیش میاد که بدم به دوست و آشنایی که استفاده می کنن.دیر جواب دادن فروشنده ها،عدم اطمینان نسبت به اصالت کالاهای برند و عکس هایی که با زاویه بد و نور نامناسب گذاشته بودن توی کمدا من و دودل یا منصرف از خرید می کرد اما قیمت هایی پایین و مناسب من رو ترغیب به خرید می کرد.نقطه قوتش امنیتی هست که برای خانم ها توی این اپ وجود داره برای نقطه ضعفش اینکه جدیدا دیدم که فروشگاه هایی هستن که تبلیغ میکنن و قیمتشون هم تفاوتی با اینستاگرام نداره و از ماهیت کمدا بودن بیرون میاد.دلیل اینکه کمدا رو پاک کردم این بود که برام کار باهاش خسته کننده و حتی گیچ کننده بود من هم به وقت و انرژی گذاشتن ترغیب نمی شدم.چیزی که باعث شد نسبت به اپی مثل وینک،من جذب کمدا بشم اون زبون خودمونی و صمیمی کمدا بود و رنگ و لعاب و فضای صمیمیشترجیح میدم حضوری خرید کنم و حس گشت و گذار و انتخب کردن رو دوست دارم اما جدیدا که کرونا اومده خرید آنلاینم بیشتر شده.چون سبک زندگی مصرفگرا رو دوست ندارم ترجیح دادم لباسی رو از کسی که براش استفاده ای نداره بخرم.اینکه مخصوص خانوماست حس خوبی داره اما صفحه ورودش خیلی برام شلوغ و گیچ کننده بود و کمک گرفتن از دسته بندی ها برام ضعیف و خسته کننده بود و خیلی بهم ریخته بود.اطلاعات غیر لازم زیاد وجود داره.هنوز خریدی نکردم اما گارانتی پرداخت و خیلی پسندیدم و اعتمادم و جلب کرد.تا الان هر چی سرچ کردم داشته اما فیلتر ها کارآمدی نداشتن برامبزرگترین نقطه ضعفش دسته بندی های شلوغ و گیچ کننده،مطالب زیاد از حد و اینکه فقط لباس زنونه و کودک رو میشه خرید و فروش کرد-فیلترها خیلی کلی هستن و کارآمد نیستن به اندازه کافی و ظاهر اپ دوست داشتنی و با نظم و ترتیب نیست.اینکه بنظر میرسه هدف مشخصی نداره و فعالیت های زیاد به هم ریخته ای داره توی اپلیکیشنش انجام می گیره و حس میانبر بودن اپلیکیشن رو از دست داده.رفتارنگاری مردم عادی:از لباسای مهمونی خودم که برام تکراری و بلااستفاده شدن و گوشه رگال خاک میخورن عکس گرفتم و فرستادم برای دوستان و اطرافیانم که ببینم آیا اونا هم با جاگیر بودن و خاک خوردن لباس ها و وسایل تکراریشون گوشه کمد مشکلی دارند و این مشکل رو چطور برطرف می کنن؟لباسایی که گوشه کمد خاک میخورهپاسخ به سوال های رفتارنگاری: سعی می کنم با یه سری چیزای دیگه ستش کنم با بقیه معاوضه می کنمبخشیدن به نیازمندان و خیریهبه فامیل و دوست و آشنا میدم که هم سایزم هستن و برعکساونایی که کامل نو بوده و مارک بهش هست و میدم به دوستم که تو مغازه همراه لباساش بفروشهبخاطر مصرف گرایی و آسیب به محیط زیست دوست ندارم لباسام رو دور بندازم و دوست دارم بهچرخه مصرف برگردونمشونکتاب ها رو با دوست هام دست به دست می کنم که استفاده کنن یا میذارمشون گوشه اتاقاگر لباس ها قابل هدیه دادن باشه هدیه ش میدماگر لباس به درد بخوری باشه توسط سایت ها و اپلیکیشن ها میفروشمشنتیجه گیری:با توجه به بررسی های انجام شده و اطلاعات جمع آوری شده نه تنها طراحی شلوغ کمدا خصوصا در بخش «خانه» و بی نظمی در معماری اطلاعات باعث گیچ شدن کاربرشده بلکه خستگی بصری نیز برای او ایجاد کرده.از دیگر مشکلاتی که کاربر در استفاده از اپ با آن مواجه بوده عدم دسته بندی های قابل فهم چا از نظر اسم گذاری و چه از نظر طراحی رابط کاربری بوده است.ناکارآمدی و دردسترس و ساده نبودن کار کردن با فیلترها در بخش جستجو مشکل دیگری بود که کاربران به آن اشاره کردند.خدماتی از جمله شخصی سازی صفحه ی کاربر و نیز امکان به افراد نیازمند بخشیدن وسایل قابل استفاده اما بدون نیاز برای کاربران از نیازهایی بوده که طراح در حین جمع آوری اطلاعات استنباط کرده است که تمامی این ها فاز2 و در بخش ایده پردازی و طراحی مورد نظر قرار خواهند گرفت. سمانه رستمی‌پور سمانه رستمی‌پور Mon, 19 Apr 2021 17:36:18 +0430