۶ چیزی که طراحان رابط کاربری آیفون ایکس باید به آن توجه کنند
برای یک طراح هیچ چیز مانند یک چالش جدید خوشایند نیست و طراحان رابط کاربری از سایزهای استاندارد صفحه ها و رابط های کاربری یکنواخت خسته شده اند. در این میان اپل برای آنهایی که به دنبال چیزهای خارقالعاده هستند بوسیهی آیفون ایکس و صفحهی غیرمعمولش در این زمینه فرصتی یجاد کرده.
با این حال، هر فرصتی بزرگی با مسولیتها و چالشهای بزرگی نیز همراه است که ما در ادامه قصد داریم شما را با همین چالشها آشنا کنیم.
تنظیم رابط کاربری برای آیفون ایکس
اولین تغییر و چالش اندازۀ صفحه است. آیفون ایکس جدید، در مقایسه با طراحیهای آیفون های ۶ ، ۷ و ۸ به وضوح بلند تر است. به طور دقیق تر ۲۰ درصد بلند تر. این یعنی ۱۴۵ پیکسل فضای اضافه بر روی صفحه که طراحان رابط کاربری با آن سر و کار دارند.
اگر شما برنامه ای دارید که با استفاده از کامپوننتها iOS قدیمی طراحی شده است، جایی برای نگرانی وجود ندارد. برنامه شما به طور اتوماتیک با آیفون جدید سازگار خواهد شد. این میتواند شامل نوار ناوبری، جدول ها، کلکسیون ها و تب پنلها باشد. اینموارد به سادگی تنظیم میشوند. با این وجود اگر شما از این مزیت بیبهره هستید باید در مورد ویژگی های دیگر صفحه نمایش نگران باشید :
نمای تمام صفحه
اطمینان حاصل کنید که محتوای برنامه را همانطور که راهنمای رابط انسانی اپل پیشنهاد میدهد به گوشه صفحه گسترش میدهید. کاربران باید بتوانند در تمام طول صفحه و کنارهها امکان اسکرول و مانور داشته باشند.
نوار وضعیت
نوار وضعیت بخشی جدایی ناپذیر از صفحه گوشی های هوشمند است. در مقایسه با مدل های قدیمی تر، نوار وضعیت آیفون ایکس دو برابر ارتفاع دارد و توسط یک بریدگی به دو قسمت تقسیم میشود.
نوار وضعیت همچنان اطلاعات مهمی در مورد وضعیت دستگاه مانند درصد باتری، دسترسی به شبکه و… را به کاربران ارائه میدهد. به همین علت، اپل توصیه میکند هنگام اجرای برنامه مخفی نشود.
مشخصا بعضی از انواع محتوا (عکس ، فیلم ، بازی و…) به حالت تمام صفحه نیاز دارند. یکی از دلایل اصلی مخفی کردن نوار وضعیت نیز همین است اما در حالت های دیگر، مخفی کردن آن توصیه نمیشود. به جای آن شما میتوانید نوار وضعیت را با به کار بردن نمای تمام صفحه در زیر آن جزئی از طراحی محصول خود کنید.
مناظق امن
چیز دیگری که میمکن توسط طراحان رابط کاربری نادیده گرفته شود، توجه به مناطق امن بر روی صفحه است. قاعدۀ کلی این است که اجزای مهم یا قابل کلیک شدن در جایی قرار نگیرند که باعث فعال شدن تصادفی شود. همه ما میدانیم این موضوع چقدر اعصاب خرد کن است!
خوشبختانه اپل راهنمای محل های امن را ساخته تا به طراحان نشان دهد محتوای برنامه ها را کجا قرار دهند.
بریدگی
یک المان جدید بر روی صفحه وجود دارد که هم به دلایل کاربردی بودن و هم به دیل استفاده تبلیغاتی جای خود را برروی دستگاه خوش کرده است. این بریدگی در زمان معرفی محصول خیلی جنجال برانگیز شد.
با این حال، حالا طراحان باید هرطور که شده با آن سر و کله بزنند تا آن را با طراحی رابط ترکیب کنند. اولین توصیه ای که اپل به طراحان میکند این است که آن را مخفی نکنند. این اشتباه است که بریدگی را پشت یک نوار سیاه مخفی کرد و با این کار صفحه را به شکل آیفون ۸ درآورد. اگر شما پول آیفون ایکس را داده اید باید از امکانات آن نیز استفاده کنید.
در یک سری موارد طراحان رابط کاربری سعی کردند از این بریدگیها استفادههای خلاقانه بکنند.
پایین صفحه
معمولا بخش پایین صفحه بیشترین المانهای کنترلی برنامه را دارد. اما هنگام کار با آیفون ایکس باید به محدودۀ نشانگر هوم توجه داشته باشید چراکه دیگر دکمه ای برای هوم وجود ندارد، پس طراحان نمیتوانند آزادانه عناصر کنترل را در پایین صفحه قرار دهند. به علا.ه، ازدیاد المانهای کنترلی همیشه برای کاربر گیج کننده بودهاست.
حالت افقی
حالت افقی تنها راهی است به صورت “قانونی” میتوانید از شر نوار وضعیت راحت شوید. هدف اصلی افقی کردن صفحه به دست آوردن حداکثر فضا برای محتوا است. چه متن باشد، چه بازی و یا فیلم. طراحان همچنین باید در نظر داشته باشند که در حالت افقی نوارهای صفحه کوچکتر میشوند.
طراحان وب نیز باید تطابق وبسایت ها با حالت افقی را در نظر داشته باشند حتی اگر صفحات در حالت عمودی کاملا مناسب باشند. مناطق امن فضای آزاد زیادی در هر سمت وبسایت شما آزاد میگذارند به همین خاطر اپل یک راهنمای جامع نیز در مورد نحوه تطابق وبسایت ها ارائه کرده است.
سر و کله زدن با حرکات در آیفون ایکس
غیبت یک دکمه فیزیکی ارزش های جدیدی به حرکات میدهد که طراحان تجربۀ کاربری باید از آن آگاه باشند. اپل معنای بعضی حرکات آشنای iOS را تغییر داده و حرکات جدیدی اختراع کرده. این موضوع کمی گیج کننده است اما در عین حال هیجان انگیز.
کاربران وظیفۀ سختِ عادت کردن به این الگوهای جدید را به عهده دارند. به همین علت معرفی این الگوها در یک برنامه اصلا مورد استقبال قرار نمیگیرد. یک چیز دیگر اینکه ، دکمه هوم با نشانگر هوم عوض شده و در این زمینه به طراحان پیشنهاد میشود که از مخفی کردن آن خودداری کنند. مگر آنکه کاملا ضروری باشد.
همانطور که میبینید، جزئیات زیادی وجود دارد که هنگام طراحی برنامه برای آیفون ایکس باید به آنها توجه کنید. بخش عمده کار این است که وظیفه اصلی طراحی رابط کاربری را به یاد داشته باشید : استفادۀ کاربر را ساده و مفید کنید.
یک رویکرد هوشمندانه چیزی بیش از فراهم کردن کردن المان رابط است. طراحان باید رفتار کاربر را پیشبینی کنند و آن عناصر را جوزی طراحی کنند که کاربر دوباره و دوباره برنامه را اجرا میکند.