Десь давно бачив гарну статтю про те, як особливості людського тіла впливають на дизайн аппів. Знайти її не можу тож напишу про це сам.
У цьому пості йтиметься про особливості для смартфонів на базі IOS та Android.

Коли людина бере телефон в долоню однією рукою, то зазвичай бере так:

IMGP9593

Мабуть можна взятися інакше, але це буде ізвращеніє.
Отже, усі дії виконує великий палець. Великий палець не гумовий, тому усі важливі елементи ліпше розташовувати внизу екрану, щоб легше було дотягнутися. Крім того, важливі елементи мають тяжіти праворуч. Саме тому кнопка “ок”, на смартфонах знаходиться праворуч на відмінну від розташування, скажымо, у Віндовсі.
IMG_0103

Якщо ці особливості спільні для обох платформ, то є також і відмінності. Взагалі за правилами логіки, навігація має розташовуватися так, щоб користувач не міг користуватися нею і при цьому не затуляти пальцем екран. Тобто ідеальне розташування внизу екрану. Основна навігація айфонів, типу Tapbar, там і знаходиться.
IMG_0102[1]

У Андройда не так: у смартфонів на базі Андройду є “аналоговий тепбар”, тобто сенсорні кнопки внизу екрану(назад, згорнути все і т.і). Отже, якщо розташувати навігацію внизу екрану, то користувач може промахнутися і натиснути одну з цих кнопок. Саме через це найчастіше на Андройді навігація знаходиться згори екрану. Наприклад, Google play:

2014-03-09_12-26-17

Крім розташування не треба забувати і про розміри. Вказівки до користувацького дизайну для IOS пишуть: іконки мають бути не менше 22*22 пікселів (для стандартного розширення). Інакше товсті наїжені пальці юзера не будуть потрапляти в ціль. (До речі, кнопки до клавіатури Apple не виконують цю вимогу, так що не все так строго) Для Андройда рекомендують кнопки не 32*32 пікселів.

Про фізіологію і планшети в наступних постах.