Pull to refresh
4
0

Дизайнер UI/UX

Send message

Как и зачем мы внесли 22 тысячи изменений в дизайн Яндекс.Карт

Reading time 7 min
Views 58K
Привет, меня зовут Тая Лавриненко, я дизайнер-картограф из команды Яндекс.Карт. Как и всё на свете, карты имеют свойство устаревать, поэтому в течение прошлого года мы проектировали и поэтапно внедряли новый, более сбалансированный стиль Карт. Этот редизайн — одно из самых значимых и заметных обновлений картографического стиля сервиса за последние 5 лет.




Total votes 114: ↑110 and ↓4 +106
Comments 200

Microsoft предлагает альтернативу пользовательским персонажам

Reading time 5 min
Views 9.9K


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

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

Но сейчас мы начинаем осознавать, в чем состоит отрицательная сторона персонажей. Они по природе своей являются амальгамацией, усредненным набором атрибутов, которые мы приписываем своему среднему пользователю. А в реальности средних пользователей попросту не бывает.
Читать дальше →
Total votes 34: ↑33 and ↓1 +32
Comments 3

Тонкости и толстости иконок. Про Sketch, особенности рендеринга и игру с толщиной линий

Reading time 7 min
Views 7.4K
В этой статье мы разберем нюансы экспорта векторных иконок из графических пакетов. Несмотря на то, что векторные иконки успешно эксплуатируются не один год, до сих пор встречаются досадные ситуации, в которых отображение иконок будет некорректным: будет плясать толщина линий, появляться размытия, пропадать скругления, или наоборот — появляться скругления там, где ожидались острые углы.

Основных причин — три: особенности (или даже баги) экспорта и оптимизации иконок из графических пакетов, особенности и ошибки рендеринга (мы будем ориентироваться на рендеринг браузером Chrome или оболочки Electron), ошибки дизайнеров по неопытности. Хотя в самом графическом пакете все выглядело хорошо (в данном случае мы рассматриваем Sketch, но похожие проблемы есть везде).


Читать дальше →
Total votes 10: ↑9 and ↓1 +8
Comments 2

Дизайн понятного дашборда для сложной системы управления рекламой

Reading time 5 min
Views 7.5K
Appodeal работает с непростым и стремительно растущим рынком монетизации мобильных приложений. Поэтому свободы в интерфейсных решениях у нашей дизайн-команды не так много, а функциональные требования — довольно жёсткие, и они постоянно меняются.



Читать дальше →
Total votes 14: ↑12 and ↓2 +10
Comments 5

Интерактивный дизайн не обязательно должен быть сложным

Reading time 5 min
Views 12K


Интерактивность помогает сделать пользовательские интерфейсы выразительными и простыми в использовании. Несмотря на большой потенциал, интерактивность, пожалуй, наименее понятно из всех дисциплин дизайна. Это может быть связано с тем, что интерактивность является одним из новых членов семейства пользовательских интерфейсов. Визуальный дизайн и дизайн взаимодействия восходят к ранним графическим интерфейсам, но интерактивный дизайн должен был дождаться более современного оборудования для плавного рендера анимации. Наслаивание интерактивности пользовательского интерфейса на традиционную анимацию вносит свою лепту недопонимания. Целую жизнь можно потратить на освоение 12 основных принципов Диснея, означает ли это, что интерактивность пользовательского интерфейса также сложно? Люди часто говорят мне, что проектировать интерактивность сложно или что выбор правильных значений неоднозначен. Я утверждаю, что в областях, наиболее важных для пользовательского интерфейса, интерактивный дизайн может и должен быть простым.
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 12

Дизайн-процессы в ISPsystem. Как внедрить идеологию, построить отдел и остаться в живых

Reading time 6 min
Views 2.7K
История об одном редизайне, который изменил подход к разработке в ISPsystem.

image

Я пришёл в ISPsystem в апреле 2016 г. На тот момент ситуация с продуктовым дизайном была следующая: решения по продуктам принимались руководством и программистами, никаких дизайнеров или проектировщиков не было. Ситуация на рынке требовала продуктов с «другими интерфейсами», поэтому руководство решило перепроектировать клиентскую часть BILLmanager. Это должно было стать пробным шаром, первой попыткой сделать что-то с новым дизайном.
Читать дальше →
Total votes 15: ↑15 and ↓0 +15
Comments 1

Мои правила хорошей дизайн-системы. Компоненты и архитектура интерфейса в Figma

Reading time 8 min
Views 56K


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

Фигма и другие современные инструменты позволяют задавать взаимосвязи между элементами, упрощая редактирование отдельных компонентов или целых экранов; группировать их в библиотеки компонентов и давать желаемые права доступа.

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

По методологии Атомарного дизайна, я начну с атомов и буду двигаться дальше к более сложным компонентам. Буду работать в Фигме и продемонстрирую, что у Скетча появился серьёзный конкурент.

Total votes 12: ↑7 and ↓5 +2
Comments 21

Figma — делаем дизайн системно

Reading time 3 min
Views 90K
image

Приветствую вас коллеги! Меня зовут Дмитрий Волков и я работаю в профессии больше десяти лет. Решил написать статью для тех, кто создает web и mobile дизайн в современных программах.
Читать дальше →
Total votes 11: ↑10 and ↓1 +9
Comments 18

Чем Figma лучше Photoshop для разработки веб-интерфейсов

Reading time 5 min
Views 65K


Огромное количество дизайнеров во всем мире в качестве инструмента для разработки веб-интерфейсов использует Adobe Photoshop. В этом нет ничего удивительного — Photoshop способен справиться практически с любой задачей, которая имеет отношение к графике.

Но как и все комбайны, инструмент от Adobe в некоторых случаях уж слишком неповоротлив и сложен. При решении специфических задач, включая разработку веб-интерфейсов, можно попробовать и другие инструменты. Среди прочих можно назвать Sketch, Adobe XD и Figma. Сейчас предлагаем поговорить как раз о последнем, остальные обсудим в следующих публикациях.
Читать дальше →
Total votes 48: ↑39 and ↓9 +30
Comments 36

Дизайн-система в Figma. Взгляд на интерфейс через компоненты

Reading time 8 min
Views 39K


Какой должна быть оптимальная дизайн-система в Figma? Что такое переиспользуемый компонент? Как понятнее и удобнее организовать структуру внутри панели Instance? Каковы этапы разработки подобного продукта? И так далее. Ответы на эти и многие другие вопросы я постараюсь дать в этой статье.
Total votes 11: ↑10 and ↓1 +9
Comments 4

Как создавать библиотеки компонентов в Figma, экономя бюджет, на примере онлайн-аукциона

Reading time 8 min
Views 21K


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

Это первая часть статьи, в которой будет много скучной, но конкретной практической информации по созданию компонентов в Figma, а также нюансы, подводные камни и реалии создания проектов с ограниченным бюджетом в провинциальной среде =)
Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Comments 7

“Копнуть” в пользователя с помощью глубинных интервью

Reading time 8 min
Views 18K
Время чтения ~10 минут



Вы создаете продукты для людей?

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

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

Читать дальше →
Total votes 15: ↑13 and ↓2 +11
Comments 2

В MIT разработали новый тип интерфейса, позволяющий превращать «мысли» в голос

Reading time 3 min
Views 8.4K

Арнав Капур, один из разработчиков нового типа интерфейса, демонстрирует работу устройства

Инженеры MIT создали систему, которая транскрибирует проговариваемые про себя слова и предложения в текст. Для успешной работы системы ее носителю нужно четко проговаривать слова и фразы про себя. В этом случае начинают работать мышцы лица, горла и языка, отвечающие за речь. Они не работают в полную силу, а лишь активируются, чего вполне достаточно новой системе для «чтения».

Со стороны это выглядит так — человек просто молчит, а система «говорит», вернее печатает. Разработка состоит из двух частей: гаджета, который необходимо носить на лице и специально «обученной» нейросети, которая анализирует получаемую информацию и ассоциирует ее с буквами и словами. Кроме того, интерфейс позволяет управлять гаджетами — переключать каналы на ТВ, вести учет затрат и вести вполне обычную активность.
Total votes 21: ↑21 and ↓0 +21
Comments 24

Катушечные магнитофоны возвращаются

Reading time 3 min
Views 54K


Ретро снова в моде. Сегодня продажи виниловых пластинок находятся на рекордном уровне за несколько десятилетий, и это неспроста. Чем стремительнее прогресс цифровых технологий, тем сильнее людей тянет к старым аналоговым вещам… бумажные блокноты с кожаным переплётом, пластинки с тёплым ламповым звуком. Даже простенькие кассетные магнитофоны снова обретают популярность у тинейджеров, которые никогда раньше не слышали ласковое шипение аналоговой плёнки и не перематывали аудиокассету на карандаше.

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

На этой неделе произошло знаковое событие. После двадцати лет немецкая компания Roland Schneider Precision Engineering из Дюссельдорфа решила возобновить производство бобинных (катушечных) магнитофонов. Они поступят в продажу под маркой Ballfinger по цене от 9500 до 24 000 евро.
Читать дальше →
Total votes 29: ↑23 and ↓6 +17
Comments 166

Светодиодные лампы из магазина Ашан

Reading time 4 min
Views 67K
Большинство светодиодных ламп, которые я тестирую и о которых пишу, можно купить только в специализированных интернет-магазинах, однако обычные покупатели как правило покупают лампы в гипермаркетах. Я съездил в магазины Ашан и Леруа Мерлен, купил там 48 моделей светодиодных ламп и протестировал их. Лампы вернул обратно в магазины, так как там есть возможность возврата. О лампах из Леруа Мерлен расскажу в следующий раз, сегодня — 22 лампы из Ашана.


Читать дальше →
Total votes 107: ↑105 and ↓2 +103
Comments 82

Information

Rating
Does not participate
Location
Тюмень, Тюменская обл. и Ханты-Мансийский АО, Россия
Date of birth
Registered
Activity