Tag Archives: UI/UX design

UI/UX дизайн интерфейса мобильного приложения сотового оператора А-Мобайл

Вариант I

На главном экране основные разделы в виде иконок, расположенные по кругу (Рис. 1) или по периметру (Рис. 2).
Кнопка SOS, как наиболее важная в плане использования, больше по размерам, чем остальные иконки, и удобно расположена под срочное нажатие.
Справа – экран, который выезжает с правой стороны при нажатии на кнопку SOS. Варианты срочных вызовов прокручиваются вверх-вниз.

amobile1

amobile2

При активном разделе SOS, так же как и при любом другом активном разделе, быстрый доступ к главному меню осуществляется с помощью нажатия кнопки “Меню” (три полоски в правом верхнем углу приложения). Главное меню выезжает также с правой стороны. При повторном нажатии на кнопку “Меню” панель с пунктами меню съезжает обратно вправо за пределы видимости экрана.

amobile3

Вариант открытого раздела “Контактная информация”. Кнопки-иконки вызова предполагают кроссплатформенную адаптивную верстку, то есть занимают максимально комфортное для юзабилити пространство – на весь экран. Справа на макете – вариант выехавшего главного меню, аналогично предыдущему макету. Разница в цветовой гамме и в том, что икноки не подписаны названиями разделов, чтобы занимать меньше места.

amobile4

Вариант II
Continue reading