سفارش تبلیغ
صبا ویژن

سئو

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

در اصطلاح طراحی تجربه کاربر، به این گونه کلک ها برای فریب کاربران، «الگوهای تاریک» (Dark Patten) می گویند.
از زمان تیک نصب برنامه های ناخواسته در نصب نرم افزارها تا رسانه های اجتماعی، این حقه های پلید را به وفور دیده ایم، اما کمتر کسی نام شان را می داند یا در موردشان صحبت می کند! در این مطلب قصد داریم تعدادی از مرسوم ترین این الگوهای سیاه را با هم مرور کنیم.
سؤالات انحرافی
با شنیدن عبارت سؤالات انحرافی (Trick Questions)، احتمالا خاطرات ناخوش کنکور و امتحانات زمان تحصیل برایتان زنده شد! ماجرای سؤالات انحرافی در وب سایت ها هم چیزی در همان مایه هاست.
در قسمت پایانی فرم های اینترنتی، معمولا عبارت هایی برای تایید یا رد توسط کاربر مشاهده می شود که به موافقت با شرایط استفاده از سرویس، دریافت ایمیل های بازاریابی و چیزهایی از این قبیل اختصاص دارد.
الگوی سؤالات انحرافی در این مرحله توسط برخی طراحان به کار گرفته می شود. مثلا دو گزینه برای تیک زدن هست، در توضیح اولی نوشته شده: «برای من پیام های سایت های متفرقه را ارسال کنید» و دومی «من مایل به دریافت ایمیل های تخفیف نیستم» را نمایش می دهد.
این دو گزینه در کنار هم ذهن کاربر را مشوش می کند و بدون خواندن دقیق آنها، احتمال این که او تیکی را ناخواسته بگذارد یا نگذارد بسیار بالاست! طبق آمار سایت nngroup، تنها 20 درصد محتوای وب سایت ها توسط کاربران خوانده می شود و ترفند سؤالات انحرافی هم بر این اساس به گونه ای طراحی شده که در نگاه نخست کاربر را به اشتباه بیندازد؛ به خصوص آن که این گزینه ها اغلب بعد از فرم قرار دارند و کاربر دیگر حوصله خواندن کامل جملات را ندارد.


نظر

هوآوی با عرضه نسخه جدید رابط کاربری خود یعنی EMUI 11 موفق شد تجربه کاربری تبلت‌های خود را بهبود ببخشد. این رابط کاربری از چند رویکرد با محوریت عوامل انسانی استفاده کرده تا تعامل بهتری با کاربر داشته باشد. 

اگر بخواهیم این تغییرات را به صورت موردی بررسی کنیم، باید از هوآوی MatePad Pro شروع کنیم که به کمک این رابط کاربری روان‌تر، طبیعی‌تر و راحت‌تر کار می‌کند. «میکرو انیمیشن‌ها» (Micro animations)، انیمیشن‌های تبدیل و تغییر جدید و همچنین قابلیت‌های جدیدی که به کنترل حرکتی دستگاه اضافه شده از دلایلی این پیشرفت هستند.

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

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

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

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

توجه داشته باشید که آپدیت رابط کاربری EMUI 11 از قابلیت Multi-Screen Collaboration هم پشتیبانی می‌کند. این قابلیت فراتر از آن است که فقط بتوانید صفحه موبایل را روی گوشی نمایش دهید. در حقیقت با آپدیت جدید رابط کاربری هوآوی، شما می‌توانید در کنار نمایش صفحه گوشی هوشمند خود روی تبلت از سایر برنامه‌ها هم به صورت همزمان استفاده کنید.

فرض کنید تصمیم دارید در یک جلسه، ایده‌های خود را اشتراک‌گذاری کنید. با استفاده از قابلیت Multi-Screen می‌توانید سند موردنظرتان را از گوشی موبایل به صفحه نمایش بزرگ هوآوی MatePad Pro به اشتراک بگذارید و بدین ترتیب، نمایش بصری وسیع‌تری فراهم خواهد شد که در ارائه بهتر ایده‌های شما هم تاثیر زیادی خواهد داشت.

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

هوآوی با بهبود مستمر قابلیت‌های Multi-Screen و Multi-Window سعی می‌کند تجربه کاربری تبلت‌های خود را افزایش دهد. این به‌روزرسانی جدید به زودی در اختیار کاربران تبلت‌های هوآوی قرار خواهد گرفت.

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


نظر

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

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

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

فیسبوک رابط کاربری نسخه قدیمی خود را از دسترس خارج میکند


نظر

در شرایطی که سامسونگ مشغول عرضه اندروید 11 و One UI 3.x برای محصولات خودش است، گوگل اخیرا نخستین نسخه از بتای توسعه‌دهندگان اندروید 12 را منتشر کرد. نسخه جدید اندروید علاوه بر بهبودهای بخش نوتیفیکیشن، ویجت پخش رسانه، ابزار پیشرفته علامت‌گذاری اسکرین‌شات‌ها و سیستم اشتراک‌گذاری آسان گذرواژه‌های وای‌فای، یکی از عناصر طراحی خود را از One UI سامسونگ الهام گرفته است.

«میشال رحمان» از وب‌سایت XDA Developers، می‌گوید طراحی رابط کاربری اندروید 12 دارای حالتی شبیه One UI است. این طراحی جدید به اجزای صفحه اجازه می‌دهد تا به انگشت کاربر نزدیک‌تر باشند، اما برای فعال‌سازی آن باید از طریق فرمان ADB Shell اقدام کنید. وقتی این ویژگی فعال شد، اندازه فونت عنوان صفحه بزرگ می‌شود و بالای آن فضایی خالی قرار می‌گیرد تا همه اجزای صفحه به سمت پایین و انگشت کاربر متمایل شوند. این طراحی هم درست مثل One UI واکنش‌پذیر است، یعنی با اسکرول کردن می‌توانید آن را به حالت عادی برگردانید.

 

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

گوگل در گذشته ویژگی‌های مختلفی را از نرم‌افزار رابط کاربری سامسونگ الهام گرفته و آن‌ها را در به اندروید خام اضافه کرده بود. از آن‌جایی که رابط کاربری One UI سامسونگ یکی از بهترین رابط‌های کاربری موجود در دنیای اندروید است، دور از انتظار نبود که گوگل برخی از ویژگی‌های خوب این پوسته را به نسخه خام اندروید اضافه کند. با این کار سایر شرکت‌ها هم می‌توانند به بهترین امکانات ممکن دسترسی داشته باشند و از آن‌ها در پوسته‌های خود استفاده کنند.

نسخه نهایی اندروید 12 احتمالا در ماه سپتامبر سال 2021 منتشر خواهد شد.


نظر

 UI چیست؟

User Interface) UI) به‌معنای رابط کاربری است و به نمای ظاهری سایت یا اپلیکیشن گفته می‌شود. اجزای UI شامل تصاویر، متن، رنگ‌ها، مکان منوها و... است. استفاده‌ی حرفه‌ای از این ابزارها باعث جذاب شدن ظاهر سایت می‌شود.

 تفاوت UI با UX

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

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

 ویژگی‌های یک UI خوب

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

 در ادامه چند مورد از موارد بالا توضیح داده می‌شود :

  •  استفاده از آیکن‌های مرتبط

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

  • تشخیص سریع کاربرد شاخص

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

  •  در دسترس بودن

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

همراه کارت

  •  تناسب در رنگ‌بندی

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

  •  فونت

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

در ادامه مثال‌هایی از اصول طراحی UI در اپلیکیشن همراه کارت بررسی می‌شود.

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

همراه کارت

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

 تناسب میان رنگ‌ها: استفاده از رنگ‌های متناسب در این اپلیکیشن و همچنین زمینه تیره آن به‌گفته‌ی بسیاری از کاربران، ظاهری متفاوت و حرفه‌ای به این اپلیکیشن داده است.

همراه کارت برای سیستم‌های عامل اندروید و iOS قابل استفاده است. برای بررسی بیشتر همراه کارت و آشنایی با سایر ویژگی آن می‌توانید به وب‌سایت  همراه کارت  مراجعه کنید.