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

Интерфейсные байки Токсичного Деда. “Исследуй это!” (s1 e1) - 1

Приветствую.

Сейчас только ленивый не пишет статьи и не выступает с докладами на тему: «Я дизайнер интерфейсов и сейчас я буду чесать ЧСВ.» И всегда в таких статьях и выступлениях речь идет о сайтах, мобильных приложениях и подобном b2c продукте. Переводя на общеупотребительный язык, список тем таких выступлений выглядит примерно так: «Как красиво нарисовать», «Как продать то, что нарисовал», «Как спросить у пользователей про то, что ты нарисовал, и не получить в ответ „#&@$!“». Но если вас угораздило попасть во внутреннюю разработку, где пользователи — без дураков специалисты, где количество верхнеуровневого контента на экране выходит за границы разумного, а функционал изощрен и сложен, вот тут и оказывается, что для вас нет ни статей, ни докладов, ни сообщества как такового. Сегодня нас занесло в пропитанную винными парами и запахом трубочного табака каморку, где обитает Токсичный Дед. У него мы и спросим, чем же отличается разработка интерфейса очередного мобильного приложения от разработки действительно сложной, узкоспециализированной системы.
Читать полностью »

Веб тренды 2020, которые стоит попробовать - 1

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

Расширяемость (Extensibility)

Расширяемость это когда вы можете взять технологию и расширить ее для своих нужд. На протяжении нескольких лет мы используем компоненты повсюду, как в качестве разработки приложений (компоненты на React, Vue, Svelte) так и в качестве разработки дизайна (дизайн системы).

На данный момент мы пытаемся сделать эти компоненты более уникальными и удобными для использования. Расширяемость в вебе позволяет нам использовать платформу (браузеры, html/css/js движки) для собственных нужд и экспериментов, разумеется для получения большей выгоды.

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

Серфинг интернета геймпадом (Javascript) - 1

Сидя за столом, вы используете мышку и клавиатуру, сидя на диване — скорей всего тачпад ноутбука или тачскрин планшета. Возможно, вы даже используете Leap Motion и управляете компьютером с помощью жестов. Как вы уже поняли, существует множество способов серфить интернет и управлять вашим компьютером. Геймпад может быть одним из них.

В этой статье я поделюсь с вами как:

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

Подключайте свой геймпад используя USB или Bluetooth и давайте начнем.

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

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

Разработка UI: кого слушать — себя или пользователя? - 1

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

И, разумеется, поделимся опытом и умозаключениями.
Читать полностью »

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-ноябрь 2019.

Дайджест продуктового дизайна, декабрь 2019Читать полностью »

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

30 полезностей для Firefox Developer Tools - 1

Ниже приведены фичи и советы по использованию Firefox Developer Tools. Некоторые из них аналогичны возможностям инструментов в Chrome, для некоторых аналоги в других браузерах отсутствуют.

Осторожно, под катом много тяжёлых гифок!

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

Привет! Предлагаю Вашему вниманию перевод статьи «Make These Changes to Meet Web Design Accessibility Standards» автора Richard Pilton

Что такое доступность?

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

Внесите эти изменения, чтобы соответствовать стандартам доступности веб-дизайна - 1

Плюсы доступности

Главное преимущество успешного проектирования доступной платформы — сделать ваше приложение или веб-сайт доступным для всех, но есть немало других преимуществ.
Читать полностью »

Привет! представляю вашему вниманию перевод статьи «How to Design and Code a Personal Website» автора Ryan Smith.

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

image

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

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

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

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

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


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