Застой в развитии: формат вывода сообщений

Автор: admin от 22-01-2017, 06:45, посмотрело: 229

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

Застой в развитии: формат вывода сообщений

Категория: Программирование » Веб-разработка

 

Настройки Photoshop после установки

Автор: admin от 19-01-2017, 13:45, посмотрело: 376

Настройки Photoshop после установки


Несмотря на то, что Фотошопом пользуюсь всё реже и реже, к нему иногда приходится возвращаться. Скетч слишком плохо работает с растром (фактически никак), поэтому графику подготавливаю в Фотошопе. В этом посте поделюсь своими настройками интерфейса.

Категория: Программирование » Веб-разработка

 

Введение в систему 8-пиксельных сеток

Автор: admin от 17-01-2017, 13:30, посмотрело: 961

Любому дизайнеру, над чем бы он ни работал — сайтами, журналами или мобильными приложениями, — наверняка приходилось слышать термин «сетка». Существуют сетки для всевозможных вариантов расположения контента. Мы применяем колоночные сетки, чтобы выстраивать контент по горизонтали, сетки базовых линий, чтобы выравнивать блоки текста по вертикали, гибкие (soft) и жесткие (hard) сетки — в зависимости от того, насколько строго собираемся их придерживаться. Я заинтересовался системой 8-пиксельных сеток, когда услышал, с каким увлечением говорит о ней Брин Джексон, и решил посмотреть, какие преимущества она может дать моим дизайнам (и может ли вообще).

Введение в систему 8-пиксельных сеток

Категория: Программирование » Веб-разработка

 

Linkedin недавно провёл редизайн и я намерен это обсудить

Автор: admin от 16-01-2017, 09:00, посмотрело: 204

Linkedin недавно провёл редизайн и я намерен это обсудить

Корпоративная деловая сеть Linkedin совсем недавно сменила дизайн. Это было сделано уже руками нового владельца — Microsoft. Совершенно своевременный и оправданный шаг с их стороны. Старый дизайн был как устаревшим, так и полным UX-багов. Некоторые сценарии просто невозможно было воспроизвести по памяти. Сможете сейчас вспомнить как попасть в режим отзыва отосланных приглашений?

Извините, что «в лоб» спросил. Возможно, многие из Вас даже аккаунтов там не имеют.

Хорошо если вы вспомнили, однако там был полный хаос. Отсутствовала фильтрация по датам в хистори как таковая. Вдобавок подгрузка старых приглашений работала криво.

В общем я, как специалист по поиску usability багов (ну прямо как в той пословице «Слепой в чужом глазу бельмо заметит»), не смог пройти мимо этого обновления. Давайте проанилизируем то…
Что сразу бросается в глаза :

Категория: Программирование » Веб-разработка

 

UI/UX события 2017 года, которые вас точно не утомят

Автор: admin от 13-01-2017, 12:15, посмотрело: 321

Какой дизайнер не хочет стать лучшим в своей области? А лучший способ узнать что-то действительно крутое – это пообщаться с людьми, которые на этом собаку съели. Поэтому сегодня мы предлагаем вашему вниманию список всевозможных интересных мероприятий (в первую очередь, посвященных теме UI/UX) как для начинающих дизайнеров, так и для продвинутых, которые вы, возможно, захотите внести в свой ежедневник.

UI/UX события 2017 года, которые вас точно не утомят

Категория: Программирование » Веб-разработка

 

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

Автор: admin от 13-01-2017, 02:45, посмотрело: 453

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


Заказчику понадобилось изображение, созданное 3 года назад или закончился тираж визиток двухгодичной давности? Внести коррективы в макет сайта которому уже 5 лет или откатиться на версию, которая была отклонена на прошлой неделе? Для всех вышеперечисленных вопросов полезно хранить и быстро находить файлы. Делюсь наработками и структурой папок, которые облегчают задачу.

Категория: Программирование » Веб-разработка

 

Мобильный опыт Яндекса в трех видеокурсах: дизайн, разработка, интерфейсы

Автор: admin от 11-01-2017, 14:05, посмотрело: 551

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


Мобильный опыт Яндекса в трех видеокурсах: дизайн, разработка, интерфейсы


Мы пригласили 126 студентов из 25 городов; 91 участник успешно завершил программу. Первый этап состоял из лекций, второй — из той самой командной работы. Обычно студента окружают люди той же специализации, что и он сам: менеджеры учатся вместе с менеджерами, дизайнеры — с дизайнерами и т. д. Но в реальности вам нужно хотя бы по одному представителю нескольких профессий. В каждую команду вошли студенты разных школ: дизайнер, менеджер и один-два разработчика.


Лекции студентам читали сотрудники Яндекса, которые каждый день сталкиваются с реальными задачами и делают приложения для миллионов пользователей. Специально для читателей Хабра мы собрали полную программу курса по мотивам лекций «Мобилизации».

Категория: Веб-разработка, Game Development, Яндекс, Android

 

Декабрьский дайджест продуктового дизайна: Книга Atomic Design, Adobe XD для Windows и UX-тренды 2017 года

Автор: admin от 29-12-2016, 10:30, посмотрело: 329

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

Декабрьский дайджест продуктового дизайна: Книга Atomic Design, Adobe XD для Windows и UX-тренды 2017 года

Категория: Программирование » Веб-разработка

 

Серьезное проектирование серьезных сайтов. Часть 2. Визуализация

Автор: admin от 28-12-2016, 14:35, посмотрело: 533

Это вторая часть статьи про проектирование больших сайтов. В ней мы расскажем про визуальную часть проектирования, про интерфейсы. Если вы не читали первую часть, то рекомендую это сделать тут: habrahabr.ru/company/SECL_GROUP/blog/318598

Динамический прототип



Серьезное проектирование серьезных сайтов. Часть 2. Визуализация
Рис. 9. Демонстрация динамического прототипа для проекта «Маркетплейс».

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

Категория: Программирование » Веб-разработка

 

Панель инструментов редакторов МойОфис

Автор: admin от 23-12-2016, 08:35, посмотрело: 275

Введение


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

Категория: Программирование » Веб-разработка