• خرید هاست
  • هاست ایران
  • خرید هاست دانلود
  • خرید هاست پربازدید
  • خرید سرور مجازی ایران
  • درباره ما
  • تماس با ما
Social icon element need JNews Essential plugin to be activated.
بلاگ ماهان سرور
  • هاست و میزبانی وب
    SPAMASSASSIN

    جلوگیری از ایمیل‌های اسپم در سی پنل با ابزار SPAMASSASSIN

    راهنمای ساختن ایمیل در سیپنل

    راهنمای ساختن ایمیل در سیپنل

    خرید کلود سرور

    راهنمای خرید کلود سرور

    حملات DDOS

    آشنایی با حملات DDoS

    بلاک چین

    معرفی کوتاه بلاک چین

    احراز هویت دو مرحله ای در سیپنل

    فعال کردن احراز هویت دو مرحله ای در سیپنل

  • طراحی سایت و برنامه نویسی
    طراحی سایت با وردپرس

    طراحی سایت با وردپرس در ۱۰ گام

    نصب node.js

    آموزش نصب Node.js و NPM بر روی ویندوز

    5 صفحه مهم وب سایت

    ۵ صفحه مهمی که هر وب سایتی باید داشته باشد

    ادیتور براکتس

    معرفی ۱۰ افزونه براکتس که کدنویسی را آسان‌تر می‌کنند

    ریسپانسیو بودن سایت

    ۳ ابزار مناسب برای بررسی ریسپانسیو بودن سایت

  • سئو و بهینه سازی سایت
    آدرس مناسب سئو

    ساختار آدرس مناسب سئو (SEO Friendly) در وردپرس

    اتصال yoast به گوگل سرچ کنسول

    آموزش اتصال yoast به گوگل سرچ کنسول

    معرفی وب سایت به گوگل سرچ کنسول

    معرفی وب سایت به گوگل سرچ کنسول

    معرفی روشهای ساختن بک لینک

    معرفی روشهای ساختن بک لینک

    فاکتورهای رنکینگ گوگل در سال ۲۰۱۸

    مهمترین فاکتورهای رنکینگ گوگل در سال ۲۰۱۸

    چگونه خطاهای crawl را رفع کنیم؟

    چگونه خطاهای سایت را در google search console رفع کنیم؟

  • سیستم مدیریت محتوا
    • All
    • وردپرس
    کلون کردن وب سایت وردپرسی

    کلون کردن وب سایت وردپرس در ۷ گام

    طراحی سایت با وردپرس

    طراحی سایت با وردپرس در ۱۰ گام

    آموزش ترجمه پلاگین وردپرس

    راهنمای کامل آموزش ترجمه پلاگین وردپرس

    آموزش ترجمه قالب وردپرس

    راهنمای کامل ترجمه قالب وردپرس

    آموزش نصب قالب وردپرس

    راهنمای کامل نصب قالب وردپرس

    آموزش حذف لینک قدرت گرفته از وردپرس

    آموزش حذف لینک قدرت گرفته از وردپرس

  • دیجیتال مارکتینگ
    بهترین زمان برای پست گذاشتن در اینستاگرام

    بهترین زمان برای پست گذاشتن در اینستاگرام

    ارسال پست اینستاگرام با چند اکانت

    ارسال پست اینستاگرام با چند اکانت به صورت هم زمان

    کلیدواژه کانونی

    کلیدواژه کانونی و اهمیت آن در تولید محتوا

    خروج سریع کاربران از وب سایت

    ۲ دلیل مهم برای خروج سریع کاربران از وب سایت

    تولید محتوای با کیفیت

    نکات تولید محتوای با کیفیت

    مدیر شبکه های اجتماعی

    مدیر شبکه های اجتماعی چه کاری انجام می دهد؟

No Result
View All Result
  • هاست و میزبانی وب
    SPAMASSASSIN

    جلوگیری از ایمیل‌های اسپم در سی پنل با ابزار SPAMASSASSIN

    راهنمای ساختن ایمیل در سیپنل

    راهنمای ساختن ایمیل در سیپنل

    خرید کلود سرور

    راهنمای خرید کلود سرور

    حملات DDOS

    آشنایی با حملات DDoS

    بلاک چین

    معرفی کوتاه بلاک چین

    احراز هویت دو مرحله ای در سیپنل

    فعال کردن احراز هویت دو مرحله ای در سیپنل

  • طراحی سایت و برنامه نویسی
    طراحی سایت با وردپرس

    طراحی سایت با وردپرس در ۱۰ گام

    نصب node.js

    آموزش نصب Node.js و NPM بر روی ویندوز

    5 صفحه مهم وب سایت

    ۵ صفحه مهمی که هر وب سایتی باید داشته باشد

    ادیتور براکتس

    معرفی ۱۰ افزونه براکتس که کدنویسی را آسان‌تر می‌کنند

    ریسپانسیو بودن سایت

    ۳ ابزار مناسب برای بررسی ریسپانسیو بودن سایت

  • سئو و بهینه سازی سایت
    آدرس مناسب سئو

    ساختار آدرس مناسب سئو (SEO Friendly) در وردپرس

    اتصال yoast به گوگل سرچ کنسول

    آموزش اتصال yoast به گوگل سرچ کنسول

    معرفی وب سایت به گوگل سرچ کنسول

    معرفی وب سایت به گوگل سرچ کنسول

    معرفی روشهای ساختن بک لینک

    معرفی روشهای ساختن بک لینک

    فاکتورهای رنکینگ گوگل در سال ۲۰۱۸

    مهمترین فاکتورهای رنکینگ گوگل در سال ۲۰۱۸

    چگونه خطاهای crawl را رفع کنیم؟

    چگونه خطاهای سایت را در google search console رفع کنیم؟

  • سیستم مدیریت محتوا
    • All
    • وردپرس
    کلون کردن وب سایت وردپرسی

    کلون کردن وب سایت وردپرس در ۷ گام

    طراحی سایت با وردپرس

    طراحی سایت با وردپرس در ۱۰ گام

    آموزش ترجمه پلاگین وردپرس

    راهنمای کامل آموزش ترجمه پلاگین وردپرس

    آموزش ترجمه قالب وردپرس

    راهنمای کامل ترجمه قالب وردپرس

    آموزش نصب قالب وردپرس

    راهنمای کامل نصب قالب وردپرس

    آموزش حذف لینک قدرت گرفته از وردپرس

    آموزش حذف لینک قدرت گرفته از وردپرس

  • دیجیتال مارکتینگ
    بهترین زمان برای پست گذاشتن در اینستاگرام

    بهترین زمان برای پست گذاشتن در اینستاگرام

    ارسال پست اینستاگرام با چند اکانت

    ارسال پست اینستاگرام با چند اکانت به صورت هم زمان

    کلیدواژه کانونی

    کلیدواژه کانونی و اهمیت آن در تولید محتوا

    خروج سریع کاربران از وب سایت

    ۲ دلیل مهم برای خروج سریع کاربران از وب سایت

    تولید محتوای با کیفیت

    نکات تولید محتوای با کیفیت

    مدیر شبکه های اجتماعی

    مدیر شبکه های اجتماعی چه کاری انجام می دهد؟

Social icon element need JNews Essential plugin to be activated.
No Result
View All Result
مجله اینترنتی ماهان سرور
No Result
View All Result
صفحه اصلی اخبار تکنولوژی

۶ چیزی که طراحان رابط کاربری آیفون ایکس باید به آن توجه کنند

نهال سهیلی فر by نهال سهیلی فر
in اخبار تکنولوژی
0
۶ چیزی که طراحان رابط کاربری آیفون ایکس باید به آن توجه کنند

۶ چیزی که طراحان رابط کاربری آیفون ایکس باید به آن توجه کنند

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

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

تنظیم رابط کاربری برای آیفون ایکس

اولین تغییر و چالش اندازۀ صفحه است. آیفون ایکس جدید، در مقایسه با طراحی­های آیفون های ۶ ، ۷ و ۸ به وضوح بلند تر است. به طور دقیق تر ۲۰ درصد بلند تر. این یعنی ۱۴۵ پیکسل فضای اضافه بر روی صفحه که طراحان رابط کاربری با آن سر و کار دارند.

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

نمای تمام صفحه

اطمینان حاصل کنید که محتوای برنامه را همانطور که راهنمای رابط انسانی اپل پیشنهاد می­دهد به گوشه صفحه گسترش می­دهید. کاربران باید بتوانند در تمام طول صفحه و کناره‌ها امکان اسکرول و مانور داشته باشند.

نوار وضعیت

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

نوار وضعیت همچنان اطلاعات مهمی در مورد وضعیت دستگاه مانند درصد باتری، دسترسی به شبکه و… را به کاربران ارائه می­دهد. به همین علت، اپل توصیه می­کند هنگام اجرای برنامه مخفی نشود.

مشخصا بعضی از انواع محتوا (عکس ، فیلم ، بازی و…) به حالت تمام صفحه نیاز دارند. یکی از دلایل اصلی مخفی کردن نوار وضعیت نیز همین است اما در حالت های دیگر، مخفی کردن آن توصیه نمی­شود. به جای آن شما می­توانید نوار وضعیت را با به کار بردن نمای تمام ­صفحه در زیر آن جزئی از طراحی محصول خود کنید.

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

خوشبختانه اپل راهنمای محل های امن را ساخته تا به طراحان نشان دهد محتوای برنامه ها را کجا قرار دهند.

بریدگی

یک المان جدید بر روی صفحه وجود دارد که هم به دلایل کاربردی بودن و هم به دیل استفاده تبلیغاتی جای خود را برروی دستگاه خوش کرده است. این بریدگی در زمان معرفی محصول خیلی جنجال برانگیز شد.

با این حال، حالا طراحان باید هرطور که شده با آن سر و کله بزنند تا آن را با طراحی رابط ترکیب کنند. اولین توصیه ای که اپل به طراحان می­کند این است که آن را مخفی نکنند. این اشتباه است که بریدگی را پشت یک نوار سیاه مخفی کرد و با این کار صفحه را به شکل آیفون ۸ درآورد. اگر شما پول آیفون ایکس را داده اید باید از امکانات آن نیز استفاده کنید.

در یک سری موارد طراحان رابط کاربری سعی کردند از این بریدگی‌ها استفاده‌های خلاقانه بکنند.

 

 

پایین صفحه

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

حالت افقی

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

 

سر و کله زدن با حرکات در آیفون ایکس

غیبت یک دکمه فیزیکی ارزش های جدیدی به حرکات می­دهد که طراحان تجربۀ کاربری باید از آن آگاه باشند. اپل معنای بعضی حرکات آشنای iOS را تغییر داده و حرکات جدیدی اختراع کرده. این موضوع کمی گیج کننده است اما در عین حال هیجان انگیز.

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

همانطور که می­بینید، جزئیات زیادی وجود دارد که هنگام طراحی برنامه برای آیفون ایکس باید به آنها توجه کنید. بخش عمده کار این است که وظیفه اصلی طراحی رابط کاربری را به یاد داشته باشید : استفادۀ کاربر را ساده و مفید کنید.

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

 

 

[تعداد: 0    میانگین: 0/5]
Previous Post

چطور بدون اطلاع رسانی از استوری‌ها اسکرین شات بگیریم؟

Next Post

44 درصد معاملات بیتکوینی در زمینه‌ی فعالیت‌های غیرقانونی است

Next Post
۴۴ درصد معاملات بیتکوینی در زمینه‌ی فعالیت‌های غیرقانونی است

44 درصد معاملات بیتکوینی در زمینه‌ی فعالیت‌های غیرقانونی است

پاسخی بگذارید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته‌ها

  • اخبار تکنولوژی
  • دیجیتال مارکتینگ
  • سئو و بهینه سازی سایت
  • طراحی سایت و برنامه نویسی
  • هاست و میزبانی وب
  • وردپرس

برچسب‌ها

آموزش اینستاگرامآموزش طراحی سایتآموزش هاستانتخاب سردبیرتولید محتواخطاهای وردپرسقالب وردپرسمقالات وردپرسپلاگین وردپرس
No Result
View All Result
  • اخبار تکنولوژی
  • هاست و میزبانی وب
  • طراحی سایت و برنامه نویسی
  • سئو و بهینه سازی سایت
  • سیستم مدیریت محتوا
    • وردپرس
    • دروپال
    • جوملا
  • دیجیتال مارکتینگ
  • آکادمی ماهان سرور