طراحی اندروید طیف گستردهای از جنبهها و دستگاههای منحصر به فرد را پوشش میدهد؛ تنها نگاه کردن به نقاط توقف کافی نیست. کاربران میتوانند پنجرههای برنامهها را در دستگاههای خود تنظیم و تغییر جهت دهند. با دستگاههای تاشو، یک دستگاه واحد میتواند تمام این موارد استفاده را پوشش دهد. ضروری است که برای سازگاری محتوا، به پنلها فکر کنیم.
تغییرات جهت گیری
برنامهها را روی حالت عمودی قفل نکنید. انجام این کار میتواند مانند یک باگ به نظر برسد و هنگام انجام چند کار همزمان، ظاهر نامطلوبی ایجاد کند.
کاربران اغلب برای ارگونومی و مشاهده محتوا، جهت دستگاههای خود را تغییر میدهند. برنامه شما باید از این تغییرات جهتگیری پشتیبانی کند.
در دستگاههای بزرگتر، حالتهای عمودی و افقی میتوانند با تغییر از اندازه متوسط به بزرگ، جلوههای ظریفتری داشته باشند، اما حالت افقی، اندازه پنجره متوسطی را با نمای عمودی فشرده ارائه میدهد.
شیوههای طراحی زیر را برای جهتگیری منظر در نظر بگیرید:
پشتیبانی از نوارهای سیستمی لبه به لبه.
در مورد مؤلفه ناوبری که به بهترین شکل از محتوای شما پشتیبانی میکند، مانند نوار ناوبری افقی یا ریل ناوبری، تصمیم بگیرید.
تغییر دادن محتوا یا تغییر تراکم را در نظر بگیرید.
طرحبندیهای افقی میتوانند از رابط کاربری با عرض متوسط استفاده کنند.
جهتگیری افقی میتواند از کاهش ارتفاع نوار ناوبری پایین که به صورت افقی قرار گرفته است، بهره ببرد.
برای محتوا، سعی کنید از یک کانتینر برای قرار دادن محتوا در کادر حروف استفاده کنید، یا در صورت امکان از جهتگیری محتوای متفاوتی استفاده کنید، مانند ویدیوی عمودی به جای افقی. محتوای تمامعرض در یک تصویر پرتره جمعوجور، بیشتر صفحه را در یک طرحبندی افقی بزرگ اشغال میکند. اگر محتوا در حالت عمودی اسکرول نمیشود، آن را در حالت افقی اسکرول نکنید، زیرا این میتواند کاربران را گیج کند.
تصویر اصلی فضای برجسته را اشغال کرده و به صفحه میچسبد. نوار برنامه در پایین صفحه از حالت قفل خارج میشود.
از حالت عمودی به افقی: هر دو گروه کانتینر در جای خود میچرخند.
برای یک برگه فیلتر، کامپوننت برگه میتواند به یک برگه کناری تغییر کند. اگر به توجه بیشتری نیاز باشد، برگه تمام صفحه باقی میماند اما با طرح دو ستونی سازگار میشود.
حالتها
موارد استفاده منحصر به فرد از نظر فرم فاکتور، مانند حالتهای تا شدن (تاشو، صاف و رومیزی) را در نظر بگیرید.
لازم نیست برنامه شما به طور خاص هر حالت بدنی را در نظر بگیرد، اما استفاده از یکی از این حالتها را برای برنامه خود در نظر بگیرید. به عنوان مثال، یک پخش کننده رسانه میتواند یک رابط کاربری منحصر به فرد روی میز و کاور را نشان دهد.
تخت
یک گوشی تاشو در حالت باز شده در حالت صاف قرار دارد. صفحه نمایش معمولاً در اندازه متوسط یا بزرگ است.
تا شده
وقتی یک دستگاه تاشو بسته است، در حالت تا شده قرار دارد. در این حالت، شما با صفحه نمایش بیرونی که معمولاً جمع و جور است، تعامل دارید.
رومیزی
حالت رومیزی به صورت افقی تا میشود. این حالت به شما امکان میدهد از طرحبندیهای منحصر به فردی مانند کنترلهای بزرگ و ویدیوی افقی استفاده کنید.
لولا
برنامه خود را طوری تنظیم کنید که از لولاها پشتیبانی کند، تا محتوا به طور روان و پیوسته جریان یابد و در لولا گم نشود. این کار ممکن است در طرحبندیهای تکصفحهای ضروری نباشد. با این حال، در نظر بگیرید که آیا کنترلها و متن باید از فضای لولا اجتناب کنند یا خیر.
اگر با یک شبکه چیدمان و صفحات طراحی میکنید، برای جا دادن لولا، مانند یک چیدمان دو صفحهای با فهرست-جزئیات، ناودان پهنتری در نظر بگیرید.
بعضی از تاشوها، مانند سهلاها، چندین لولا دارند.
پوشش
برخی از گوشیهای تاشو میتوانند مانند گوشیهای تاشو، یک صفحه نمایش بیرونی با نسبت ابعاد مربع داشته باشند.
هنگام طراحی برای صفحات پوششی، این دستورالعملها را دنبال کنید:
- مطمئن شوید که برنامهها کاملاً بینقص هستند.
- مطمئن شوید که عناصر رابط کاربری توسط بریدگیهای دوربین پوشانده نشده باشند.
- موارد استفاده و رابط کاربری را متمرکز نگه دارید.
برای مثال، وقتی از یک دستگاه فقط به عنوان پخشکنندهی چندرسانهای استفاده میشود، طرح روی جلد میتواند به پسزمینهای تبدیل شود که نمای سریعی را نشان میدهد که به اطلاعات کمتری نیاز دارد.
در صفحه نمایشهای کوچکتر و نسبتهای ابعادی متفاوت، تجربه تمرکز بر محتوا را در نظر بگیرید. تصویر اصلی برای جذابیت بصری، بیشتر جلد را اشغال میکند و برای سهولت پیمایش و خوانایی، نگاهی اجمالی به عنوان و محتوا نیز وجود دارد.
پوشش باید کاملاً روی ورودی متمرکز باشد. برای مثال، وقتی صفحه کلید ظاهر میشود، پیام مورد توجه اصلی قرار میگیرد.
در صفحه نمایشهای کوچکتر، مانند کاورها، صفحه فیلتر تمام صفحه است، اما محل قرارگیری دکمهها و مقیاسبندی آنها تغییر میکند.
اگرچه جمع و جور است، اما یک ریل ناوبری ممکن است روی صفحه نمایش جلویی ارگونومیکتر باشد.
جلدهای بزرگتر میتوانند از هر دو جهتگیری ناوبری بهره ببرند. در نظر بگیرید که کاربران چگونه ممکن است با محتوا تعامل داشته باشند.
یک ریل ناوبری کوچک میتواند از بریدگیهای رابط کاربری سیستم و دوربین جلوگیری کند و در عین حال ارتفاع متراکم را حفظ کند.
انجام دهید
