34 заметки с тегом

дизайн

Позднее Ctrl + ↑

Уведомления

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

В своем смартфоне я отключил нотификации везде, заставив замолчать все до чего только смог добраться. Но это не спасло моего спокойствия. Многие приложения постоянно требуют разрешить им докучать мне. При виде очередного запроса на включение уведомлений так и хочется сказать: «Я уже отказался от этого, хватит умолять меня кликнуть по кнопке „включить“».

Забавно наблюдать как взрослые люди рассказываю, что они настроили свои девайсы так, чтобы ежеминутно получать порцию разных «новостей». Неужели этим людям нечем заняться? Я обожаю полистать ленту в инстаграме, контакте и ридере. Но делаю это в свободное время, а не когда загорается иконка с цифрой. Мне часто пишут в различные мессенджеры, но мой айфон не пищит и не вибрирует. Я отвечаю людям когда у меня появляется свободная минута. Мне позвонят если со мной нужно срочно связаться.

При этом мой телефон большую часть времени стоит на вибрации. Мелодия на звонке — моветон. Окружающие меня люди заслужили тишины.

2015   дизайн   этикет

Длинные названия в интерфейсах

Угораздило меня взяться за просмотр советского Шерлока. Про сам сериал я напишу позже. Сейчас же хочу написать об интерфейсах. Дизайнеры различных сайтов не думают о том, что название может быть длиннее двух строчек. Вернее, скорее всего, они об этом задумываются и решают, что ненужную часть можно отсечь.

Это скриншот сайта ivi.ru. Но, прошу не сомневаться, так везде. Я не встретил ни одного сайта где бы можно было в списке фильмов выбрать нужный. Потому что, видите-ли, под название фильма выделяют только две строчки.

На самом деле никому не станет дурно от того, что название займет больше строчек.

А, в идеале, нужно убирать все лишнее:

Дайте мне уже выбрать название. Не жалейте места, оно бесконечное.

2015   дизайн

Здоровый монитор

Подключил 27-дюймовый Тандерболт. На нем все сайты выглядят как какое-то мелкое говно. Дизайнеры и разработчики не заботятся о том, как сайты будут выглядеть на здоровых мониторах. Никого не волнует, что полезная область будет минимальной, а шрифты будут мелкими.

По-большому счету без разницы, на самом деле, жить можно. Но, отныне, я буду по возможности увеличивать размер шрифтов на таких мониторах.

2014   дизайн

Сабвей

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

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

В довесок фоточка инструкции управления Сабвеем:

2014   дизайн

Среда дизайна

Любой дизайн делается для какого-либо носителя. Будь то рекламный щит, флаер или экран монитора. В моем случае среда дизайна — это браузер. Самый простой способ смотреть как будет выглядеть дизайн в среде — рисовать в среде. Для этого у меня есть PSD-шаблон с интерфейсом браузера Сафари.

Мой PSD-шаблон, 730 Кб

2014   дизайн   фотошоп

Визуальные новеллы или грустная история одного дизайна

cover

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

Речь о сайте Русские визуальные новеллы

Однажды ко мне пришел Р с которым мы были знакомы по Юкозу и Ю-блогам в частности. Рассказал, что планирует сделать сайт о визуальных новеллах. Сам он разбирается в новеллах хорошо, договаривается с переводчиками, ищет и тестирует новеллы, пишет описания и прохождения. Главный редактор другими словами. Для хорошего каталога ему не хватало хорошего дизайна, поэтому он и пришел ко мне. Я подумал почему нет. И взялся. Отнесся к проекту как к некоммерческому, денег не брал за него. Тогда я мог себе позволить уделять на этот проект какое-то время. Но об этом как-нибудь в другой раз. Сейчас речь о другом.

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

Технического задания как такового не было, но ограничения были все равно. Проект должен быть на Юкозе, оговорили модули и базовые вещи, которые должен делать сайт самостоятельно. В остальном я мог фантазировать и делать все что угодно. Верстать, разумеется, тоже должен был я.

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

Я работу над проектом прекратил, подставив тем самым Р. Какие-то вещи не доделал, взял и ушел. Это не та ситуация, которой я горжусь, но что было то было. Я больше не мог себе позволить заниматься проектом потому что для меня это стало слишком накладно. И проект начал жить сам.

Когда сайт начинает жить с дизайном, но без дизайнера начинаются проблемы. Дело в том, что проект это не статично-монолитная штука. Он дышит, растет, умнеет, становится больше. Так и случилось с Новеллами. Последний раз я застал сайт таким:

  • Я предусмотрел квадратные превьюшки, а, оказалось, они могут быть всякими.
  • Я выводил одну случайную «плавающую» новеллу справа, но этого было мало.
  • Я думал, что на главной будут только новеллы, а блоги даже не планировались. В итоге блоги пришлось воткнуть хоть как-то.
  • Когда я делал сайт еще не заходила речь о ссылках на страницы переводчиков.
  • Не успел придумать как будет выглядеть логотип-ссылка на внутренних страницах.

Такие «голые места» появляются, когда дизайнер уходит, а делать что-то нужно. Лебедев называет это заявкой на дизайн. Завяки неизбежны как явление, но без дизайнера их больше.

Это не все, разумеется. Заказчик начал сам играться со шрифтами, добавлять красненького и спрашивать советы у тещи своего соседа. В итоге не вышло ничего хорошего.

Дело в том, что хороший дизайнер учит заказчика и всегда знает почему одно хорошо, а другое плохо и умеет это донести. Дизайнер умеет применять правильные приемы в нужный момент. Он уверен, что в Айос полупрозрачность с блюром выглядит круто, но там Не Все Так Просто. Ему известны такие штуки как теория близости и контраст. Дизайнер понимает как сделать удобно.

В итоге у Р получился сайт с хорошей базой. Этот сайт будет работать и будет классным. Нам известно, что дизайн не является залогом успеха. Но речь-то шла о другом.

Ошибки были, виноват я. Двигаемся дальше, но опыт отложился и это классно.

2014   дизайн   проект

Про область реагирования

Пустые дырки во всяких меню — это плохо. Увиличивайте область клика до максимума.

Плохо

Хорошо

Но при этом не надо забывать про теорию близости.

Плохо

Хорошо

Такой подход актуален для любых элементов любой сложности.

2014   дизайн
2014   дизайн   книга

Мои мысли о «Спутнике»

«Спутник» — это новый поисковик производства Ростелекома. Буквально с пылу жару выпущенный, только сегодня достали из духовки. И получилось, скажем прямо, так себе. Много интерфейсных решений позаимствовали у Яндекса, Гугла, Дубльгиса и других сайтов. Заимствование, в принципе, это не плохо. Но заимствовать нужно осмысленно, чтобы не потерялась суть.

Например, страница с аптеками показывает список аптек под картой. В итоге со списком и картой одновременно работать нельзя, приходится постоянно скролить вверх-вниз. Хорошо карты сделаны у Янднеса и Дубльгиса. Список отдельно — карта отдельно, все счастливы.

Дизайнер не определился с подчеркиванием ссылок. Зачастую, даже в рамках одной страницы, встречаются и подчеркнутые, и не подчеркнутые ссылки.

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

Работает «Спутник» плохо. Если ввести в поисковую строку запрос посложнее, чем «Ростелеком», то мало чего полезного найдется. По другим поисковым сервисам (видео, новости, карты, картинки) ситуация примерно такая же.

На самом деле никто ничего большего не ожидал. Вообще от политически верно направленно сервиса можно мало чего хорошего ждать. Ну да и ладно, посмотрим что дальше будет.

Немного скриншотов:


И картиночка хохмы ради:

2014   дизайн

Рассылки

Рассылки — это обычный спам. В 99% случаев я на них не подписывался. Авторы рассылок сами ставят галочку «Подписаться» в форме регистрации и забывают мне напомнить убрать ее.

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

2014   дизайн
Ранее Ctrl + ↓