Pull to refresh

Всплывающие извещения — зло

Habr
Когда жмешь на кнопку 'Сохранить' в профайле — ничего не происходит.

Ну, почти ничего.

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

Вот только здесь эта штука не работает как визуальный feedback для кнопки 'Сохранить'. Потому что кнопка — она в одном месте экрана, а поп-ап окошко — в диаметрально противоположном. И появляется оно как-то «без палева», в отличие от извещений в трее — они-то обычно вылезают с треском, грохотом и анимацией :)

Правильные пацаны рисуют извещение прямо на месте кнопки — там, где сосредоточено внимание пользователя в момент нажатия.

Кстати, пока писал пост — вылез поп-ап «Возникла ошибка в получении XML данных». WTF? Нельзя так сообщения об ошибках делать. Надо сообщать о том, что именно не удалось сделать, а не техническую причину этого.
Total votes 111: ↑88 and ↓23 +65
Views 560
Comments 31

Самое интересное из мира веб-дизайна. Дайджест Genue №1, февраль 2014

Студия дизайна Genue corporate blog Web design *Interfaces *
Рады представить первый выпуск «Самого интересного из мира веб-дизайна». Мы постараемся делать такие выпуски регулярно. В сегодняшнем выпуске мы поговорим про дизайн как таковой: 1) Что должен знать дизайнер об отступах в заголовках; 2) Как иконка прелоадера влияет на наше отношение к сервису; 3) Азы адаптивного дизайна; 4) Использование «Photoshop Generator» для создания прототипов; 5) Руководство по стилю от Yelp. Расскажем о новых интересных и красивых сервисах: 1) Генератор случайных пользователей; 2) Сервис Peek. Видео-отзыв о сайте от реального человека; 3) Recordit.co. Сервис для записи скринкастов; 4) Peekcalendar. Карманный календарь. Покажем, что нового, у всем известных ребят: 1) Iconfinder. Версия 5.0; 2) Новый Ted.com 2.0




Что должен знать дизайнер об отступах в заголовках


image

В своей статье Артём Гобунов раскрывает простое «правило внутреннего и внешнего», которое является частным случаем теории близости. На конкретном примере демонстрируется, как нужно рассчитывать вертикальные расстояния между заголовком и подзаголовком, а также между ними и контентом страницы, чтобы все элементы не «смешивались в кашу».

http://artgorbunov.ru/bb/soviet/20140224/


Читать дальше →
Total votes 38: ↑34 and ↓4 +30
Views 26K
Comments 7

Теория близости: главное правило дизайна, которое помогает перейти от субъективных ощущений к конкретике

Логомашина corporate blog Web design *Interfaces *Usability *Graphic design *
Впервые о теории близости я прочитал в 2007 году. Она была сформулирована так: «объекты, расположенные близко друг к другу, воспринимаются связанно». Тогда я подумал: «спасибо, Кэп! Я как-то и сам догадался, что букву “М” нужно вешать ближе к мужскому туалету, а не к женскому». Тогда я не осознал, что это одно из главных правил дизайна, которое помогает подбирать расстояния между элементами, размеры полей, расположение кнопок, размер логотипов и многое другое. А главное, теория позволяет быстро понять, хороший перед вами дизайн или нет, даже если вы не дизайнер.
image
Читать дальше →
Total votes 64: ↑60 and ↓4 +56
Views 62K
Comments 23