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

в 15:09, , рубрики: design system, Design Systems, UI, ui/ux design, веб-дизайн, графический дизайн, дизайн, дизайн интерфейсов, дизайн мобильных приложений, дизайн система, дизайнеру, интерфейсы

Предлагаем вашему вниманию перевод истории о создании дизайн системы, рассказанной дизайнером из Societe Generale.

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

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

Дизайн система Société Générale: Гармония дизайна и разработки - 1
Читать полностью »

в 20:15, , рубрики: edisonsoftware, javascript, web components, Блог компании Edison, веб-дизайн, интерфейсы, разработка веб-приложений, Разработка веб-сайтов

1. Material components web

image

Обычно заголовок «Material» размещает библиотеку компонентов пользовательского интерфейса прямо наверху рейтингов по количеству звездочек и загрузок. Веб-библиотека Google Material-components — это версия веб-компонента библиотеки Material-UI. Пока эти веб-компоненты еще находятся в стадии разработки, они могут быть включены в широкий спектр контекстов и сред.

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

в 19:44, , рубрики: edisonsoftware, javascript, Блог компании Edison, веб-дизайн, Программирование, Разработка веб-сайтов
image

Давным-давно мудрый старый разработчик дал мне совет, который до недавнего времени я не очень ценил.

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

Итак, появился молодой преуспевающий программист. (Хорошо, это был я.) Я решил, что вместо хардкода массива всех букв будет проще написать цикл for, который проходит от 65 до 90, а затем генерировал буквы по полученному коду символа.

В варианте JavaScript это будет выглядеть примерно так:

for (let i = 65; i <= 90; i++) {
 letters.push(String.fromCharCode(i))
}

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

в 7:42, , рубрики: usability, веб-дизайн, дизайн интерфейсов, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайн

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

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

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

в 21:26, , рубрики: accessibility, edisonsoftware, usability, web-разработка, Блог компании Edison, веб-дизайн, дизайн, интерфейс, интерфейсы

image

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

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

в 13:13, , рубрики: accessibility, color, color blindness, contrast, design, interface, interface design, interfaces, WCAG, веб-дизайн, графический дизайн, дизайн, дизайн мобильных приложений

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

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

Мифы о доступности цветового контраста - 1
Читать полностью »

в 16:39, , рубрики: UX, веб-дизайн, дизайн, прототипирование, прототипы, Разработка веб-сайтов, редизайн сайта, руководство, фриланс, юзабилити

Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Интернет изменяется буквально каждый день, поэтому всегда необходимо следить за актуальностью и удобством своих интернет ресурсов. Технологии, которые были популярными 5 лет назад, сегодня могут полностью утратить свою актуальность и ваш сайт, может быть (и будет) неудобным для ваших посетителей и клиентов, соответственно, вы каждый день будете терять потенциальную прибыль. В силу чего, каждый из предпринимателей рано или поздно придет к вопросу редизайна своего интернет-магазина или сайта услуг.
Читать полностью »

в 16:47, , рубрики: usability, веб-дизайн, дизайн, дизайн интерфейсов, дизайн мобильных приложений, интерфейс, интерфейсы, опыт, опыт внедрения, развитие продукта, Развитие стартапа, юзабилити

«Чат-бот» по дешевке - 1

Про ботов и качество котла, в котором хочу, чтобы они горели, когда-нибудь напишу отдельную статью.

Сейчас не об этом.

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

Скажу сразу, что описанная идея пока не реализована, это такой зазор на будущее, посему, реакция пользователей, на данный момент, покрыта мраком.

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

Кому подойдет, пользуйтесь, как говорится, на здоровье.
Читать полностью »

в 12:05, , рубрики: Raiffeisenbank, usability, ux design, Блог компании Райффайзенбанк, веб-дизайн, интерфейсы, пользовательские интерфейсы, продуктовый дизайн, Управление продуктом

Приглашаем вас на Future London Academy Meetup, который пройдет 10 октября в офисе Райффайзенбанка в Нагатино. Узнаем последние новости из Лондона про DesignOps,
UX стратегию, дизайн-культуру, фреймворки создания инновационных продуктов и многое другое.

Открытый Future London Academy Meetup - 1
Читать полностью »

в 9:16, , рубрики: flash, macromedia flash, анимация, веб-дизайн, Компьютерная анимация, плагины

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

Взлёт и падение Flash, раздражающего плагина, сформировавшего современный веб - 1

9 июня 2008 года, примерно через час после начала ежегодной презентации Apple на WWDC в Калифорнии, прорыв, которого ждал Роб Смол, появился из недр торта. На сцене присутствовал Стив Джобс, довольный собой больше, чем обычно. Сам Смол смотрел за трансляцией презентации из Лондона.

Торт размером со слона, украшенный аккуратными ягодками и увенчанный единственной зажжённой свечой, светился на экране слева от директора Apple. «Приближаясь к первому дню рождения iPhone, — говорил Джобс, повышая голос, — мы смогли вывести его на следующий уровень». Торт распался, и появился логотип. Аудитория покорно разразилась приветственными криками. «Сегодня, — выкрикнул Джобс, — мы представляем вам iPhone 3G!»
Читать полностью »

1...91011...2030...144
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js