Объединятся ли мобильный и настольный интерфейсы?

BBC mobile UI

Термин «отзывчивый дизайн» собрал множество заслуженных хвалебных отзывов среди веб — дизайнеров. Как вы, наверное, знаете, этот термин относится к простому способу настройки интерфейса для работы на различных мобильных устройствах, без необходимости в отдельном мобильном домене.

Отзывчивый веб – дизайн легко решает одну из основных проблем. Он просто адаптирует визуальные интерфейсы для мобильных, планшетных и настольных браузеров. Но вам нужно решить вопрос, как этот интерфейс будет выглядеть в разных браузерах разных мобильных устройств.

Читать далее

Эмоции и дизайн

Flickr says hi to its users.

“О, привет, Smashing Magazine!” Это один из десятков способов, которыми Flickr приветствует своих пользователей. Приветствие — это та незначительная деталь, которую легко упустить из вида, особенно, если сервис и так работает без нареканий. Тем не менее, разработчики Flickr сделали эту деталь изюминкой своего дизайна.

Читать далее

Элементы пользовательского опыта

The elements of mobile user experience

С каждым годом растет число мобильных пользователей. С ростом количество мобильных устройств и мобильных приложений, в центре внимания все чаще оказывается вопрос о том, как улучшить отдельные элементы, которые в совокупности дают мобильный пользовательский опыт.

Мобильный пользовательский интерфейс в первую очередь влияет на то, как пользователь себя ощущает во время установки и использования мобильного приложения или мобильного браузера. Огромное значение тут играют такие факторы, как скорость интернет – соединения, передвижение пользователя, платформа, на которой работает мобильное устройство и многое другое.

Читать далее

Конверсия сайта: как превратить посетителей в клиентов.

Screen shot 2012-05-15 at 2.13.49 PM

Способ презентации продукта или услуги имеет важное значение для коммерческого успеха. Поэтому вам просто необходимо знать, как сделать это правильно. Читать далее

Основные варианты разработки мобильного банкинга

Typical Web Form

Несмотря на то, что мобильные технологии развиваются в настоящее время быстрее и стремительнее всех остальных отраслей, многие разработчики финансовых программ и приложений до сих пор копируют модели интерфейса с интерфейсов сайтов и программ, разработанных под стационарные компьютеры. И это с учетом того, что такие интерфейсы не подходят для мобильных устройств.
Читать далее

Советы веб-дизайнерам

Blank

Хорошие веб-дизайнеры знают то, что другие люди не всегда могут понять: создание действительно красивого и функционального сайта требует тщательности, времени и профессионализма. И подобно тому, как ремесленник создаёт свои творения смешивая различные ингредиенты, сочетая всё своё мастерство и талант, создание красивого дизайна также требует приложения всех знаний и умений мастера.

Важно, однако, не путать красивый веб-сайт и обилие привлекательных визуальных эффектов.  В этой статье мне бы хотелось рассмотреть наиболее правильные методы и приёмы, которые позволят веб-дизайнерам создавать шедевры. Я уверен, что наше ремесло сродни портняжному: готовый продукт должен идеально подходить заказчику, реализовывать его цели (так же как и хороший костюм должен идеально подчёркивать фигуру). И тут и там не обойтись без примерки.

Читать далее

Отзывчивое меню: улучшение навигации мобильных сайтов

121interviewcoaching - desktop site

Большинство из нас довольно хорошо знакомы с отзывчивым веб – дизайном. В основном, программисты используют  media queries, а также различные макеты, для изменения дизайна и структуры сайта, чтобы он мог соответствовать различным размерам экранов мобильных устройств.

Но мобильный сайт – это не только размеры и скорость загрузки, разрабатывая мобильную версию своего сайта, не стоит забывать и о пользовательском опыте. В этой статье мы остановимся на одном из аспектов работы пользователя — меню навигации, рассмотрим подробно несколько подходов, которые помогут улучшить навигацию вашего мобильного сайта.

Читать далее

Проверка правильности заполнения полей ввода: ошибки и рекоммендации

Form Field Validation Error Page at BlueNile.com

Страница с отображением ошибки заполнения каких-либо форм приводят пользователей в настоящее бешенство! Вы только что 10 минут (в лучшем случае) заполняли 20 полей анкеты, старательно вчитываясь в вопросы и обдумывая каждое слово, и тут внезапно появляется слово “ошибка” после того, как вы нажали кнопку “регистрация”. И всё из-за одного маленького неверно заполненного окошка.

Я хорошо помню возгласы отчаяния и злости, которые вырывались у пользователей во время нашего последнего тестирования юзабилити каждый раз, когда они сталкивались со страницей ошибки.

Ещё мы заметили, что испытуемые после подобных инцидентов начинали хитрить, чтобы избежать подобных ситуаций в будущем. Например, они ставили прочерки поле «Название фирмы», подозревая, что это поле может быть обязательным для заполнения.

Читать далее

Аппаратное ускорение CSS

Screenshot of our app on the iPhone, scrolled just a tiny bit to the left.

Если вы разработчик мобильных веб — приложений, то вы наверняка уже не раз слышали о том, что родные программы работают лучше, чем сторонние приложения.

Читать далее

Почему ваши ссылки никогда не должны говорить “Нажмите здесь”

click here

Как мотивировать пользователя на переход по ссылке? Большинство дизайнеров, не мудрствуя лукаво, просто пишут на кликабельной области «Нажмите здесь». Но, перед тем как использовать данный подход, выясните, каким образом подобные надписи влияют на взаимодействие пользователей с интерфейсом. Также не забывайте, что слово «нажать» применимо далеко не ко всем ссылкам и не всегда является достаточно корректным.

Читать далее