Рубрика «веб-дизайн» - 30

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

Автор статьи

Был ComboBox

Статья описывает идею визуального веб-контрола для выбора элемента из списка. Эта идея о том, как можно эволюционировать ComboBox (он же DropDown, он же select в html) для повышения удобства программного продукта для пользователя – чтобы контрол выбора стал намного удобнее и дружелюбнее при выборе сложных объектов из больших и не очень списков. Ведь задача программиста — в непрерывном улучшении и упрощении жизни пользователя.

Это идея, реализация которой есть только частичная и только для ASP.NET Web Forms в связке с devexpress – поскольку у меня большой бекграунд именно на этой связке технологий.

Эта статья не для тех, кто хочет скопипастить код, нажать F5 и увидеть результат. Ее корректнее всего было бы отнести к документам, которые называют Функциональными Требованиями или даже Функциональным Дизайном. Поэтому, если вам интересен взгляд на эволюцию удобства, то, надеюсь, статья будет полезна.
Читать полностью »

Принудительно вставлять иллюстрации в каждую онлайновую статью — глупая практика.

Картинки и текст часто хорошо дополняют друг друга. У вас статья о чём-то, а картинка показывает эту вещь и во многих случаях помогает её лучше понять. Но в вебе этой логики больше не придерживаются, потому что в какой-то момент решили, что иллюстрации необходимы абсолютно всем текстам. Это может быть знаменитость, отдалённо имеющая отношение к делу. Стоковая фотография человека с каким-то выражением лица. Логотип Sony, представляющий собой просто слово SONY. Я долго думал и пришёл к выводу, что это глупо. Понимаю, что принцип «картинки → клики» святой для индустрии, но создаётся впечатление, что некоторые издатели потеряли чувство собственного достоинства. Если картинка стоит тысячи слов, то мне сложно понять, какова ценность статьи, проиллюстрированный стоковой фотографией.

Как и во многих других проблемах, основная вина как будто лежит на социальных сетях. До середины или конца 2000-х основным источником трафика для отдельных статей являлась главная страница сайта. Эти страницы обычно мимикрировали под первые страницы газет. Там главные статьи — те, что достойны траты времени на создание оригинальных художественных иллюстраций — сопровождались картинками. У других статей стоял только заголовок. Со временем бесконечные размеры интернета снизили планку того, какие статьи заслуживают художественных иллюстраций, но всё ещё не каждая статья сопровождалась КДПВ.
Читать полностью »

Уже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-сентябрь 2017.

Дайджест продуктового дизайна, октябрь 2017

Читать полностью »

«Я сам не верю в рекламу и использую AdBlock»: интервью с основателем Smashing Magazine - 1

Многие здесь уже знакомы со Smashing Magazine — сайтом для веб-дизайнеров и веб-разработчиков. А ещё они издают книги и проводят конференции Smashing Conference.

С посещаемостью около 5 миллионов в месяц (раз в 10 раз меньше, чем у Хабра, но тем не менее), он является одним из ведущих интернет-изданий по веб-дизайну. Интересная особенность — если зайти на главную страницу сайта, он определяет включенный AdBlock, но не запрещает просматривать страницы — вместо этого скромно намекает, что неплохо бы купить какую-нибудь книгу. Все, кто пропагандировал идею, что популярному сайту не выжить без кучи рекламы, сейчас напряглись :-)

«Я сам не верю в рекламу и использую AdBlock»: интервью с основателем Smashing Magazine - 2

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

Читать полностью »

Тем, кто часто заглядывает на англоязычные площадки, наверняка слышал о загадочном UX-писателе — не то копирайтере, не то проектировщике, не то чем-то среднем. Мода на эту профессию началась в прошлом году, когда сразу несколько крупных компаний, от Amazon до Paypal опубликовали соответствующие вакансии, чем вызвали бурный резонанс в сообществе. До отечественного IT сектора это поветрие не дошло, но вот отголоски дискуссий периодически доносятся и вызывают недоумение — что это все-таки за зверь? В этой статье я хочу обобщить все, что понял о сути и содержании профессии UX-писателя из штудирования зарубежных источников: зачем они нужны, что входит в круг их обязанностей и что отличает их от обычных людей (то есть дизайнеров с копирайтерами).

UX-писатель: анатомия единорога - 1

С чего все началось?

Интерес к проблеме отношений текста с дизайном не ослабевает уже несколько лет. Тут можно вспомнить и сакраментальное высказывание «Копирайтинг мертв» от Тони Бригнулла, и множащихся сторонников нового подхода «сначала контент» (content first), и, в качестве завершающего аккорда, недавнее выступление Джона Маэды, в котором он заявил, что «дизайнеры не понимают важность слов» и назвал писательство «навыком-единорогом». Во всем этом прослеживается одна мысль: текст играет серьезную роль не только в продвижении продукта, но и в самом продукте; это критически важная составляющая, которая требует внимания и осмысления, а не набор штампованных вспомогательных элементов.
Читать полностью »

«Я не злюсь, я просто разочарован.»
— PM

image

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

Представляем вам чеклист из 50 пунктов для самопроверки. Вот примерные подразделы:

  1. Логин и регистрация
  2. Первый опыт
  3. Важные детали
  4. Запуск
  5. Профиль
  6. Безумные потоки

Читать полностью »

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

Сегодня мы все еще можем видеть морально устаревший дизайн Кинопоиска, который действительно требует изменений. В этой статье мы рассмотрим наше виденье и подход к редизайну сервиса.
Редизайн КиноПоиска или Как потерять друзей и заставить всех себя ненавидеть - 1
Читать полностью »

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

Основные юридические ошибки веб-студий - 1

«Двенадцать месяцев» — кадр из советского мультфильма по мотивам пьесы С.Я. Маршака, 1942—43 г.
Читать полностью »

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

Теперь представьте, что тысячи людей выступили против обновления. Они стали создавать веб-страницы для противников новой функции. Они решили объявить массовый бойкот продукту. В «Тайм» появилась статья с подробным разбором вашего провала.

На всех не угодишь, или чему нас учит редизайн ленты от Facebook 2006 года - 1

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

А теперь представьте, что все эти люди были неправы. Вы провели исследование. Вы протестировали приложение на контрольной группе (всем понравилось!). Представьте, что пока сотни или даже тысячи пользователей протестовали, все остальные продолжали пользоваться продуктом и прибыль возросла в разы. Представьте, что на самом деле ваш редизайн изменил мир и то, как люди общаются друг с другом.
Читать полностью »

image

Сетка 8pt — это мощная система для создания последовательных и визуально привлекательных пользовательских интерфейсов. Этот пост о том, как установить вертикальный ритм и типографию в сетке 8pt. Чтобы лучше понимать материал, зацените статью "Введение в систему 8pt сеток" и "Сетка на основе 8pt: обводка и разметка".

Что же такое вертикальный ритм и почему он так важен

Ритм достигается тогда, когда элементы вашего дизайна состоят из повторяющихся шаблонов. Это позволяет вашему окончательному дизайну выглядеть преднамеренно, профессионально и последовательно.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js