Визуализация требований к анимации интерфейсов

Автор: admin от 20-04-2017, 07:05, посмотрело: 316

Роман Шелехов, руководитель группы развития корпоративных электронных каналов в Банке ВТБ и магистр Гильдии вольных проектировщиков, специально для «Нетологии» адаптировал статью Paul van Oijen о визуализации требований к анимации.

«Анимация заряжает интерфейс энергией и позволяет пользователю узнать, что происходит до, во время и после действия» — IBM

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

Визуализация требований к анимации интерфейсов

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

 

Создание Tinkoff Design System. Первые шаги

Автор: admin от 18-04-2017, 20:45, посмотрело: 492

В цикле статей Tinkoff Design System я расскажу, как мы строим нашу дизайн-систему по методологии Atomic Design.

Создание Tinkoff Design System. Первые шаги

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

 

Прототипируем таблицу в Axure, часть вторая

Автор: admin от 17-04-2017, 09:30, посмотрело: 609

Всем привет. Сегодня я расскажу еще немного о функционале репитеров и как на их основе прототипировать таблицы.

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

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

 

UX-стратегия. Часть 5 — Дизайн с выхлопом

Автор: admin от 13-04-2017, 16:55, посмотрело: 242

В первой части я обрисовал канву UX-стратегии, а в следующих говорил об оперативной и тактической составляющих — как выстроить работу дизайн-команды и выпускать качественные продукты. Теперь пора обсудить, как дизайн решает проблемы бизнеса.

UX-стратегия. Часть 5 — Дизайн с выхлопом

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

 

Cloud-AI – искусственный интеллект в облаке, нашедший 10 уязвимостей LinkedIn

Автор: admin от 11-04-2017, 15:40, посмотрело: 203

В 2015 году команда проекта CloudSek задалась целью разработки системы искусственного интеллекта, которая сможет взаимодействовать с интернетом как разумный человек. Первый прототип системы был представлен публике в марте 2016 года на конференции NullCon. С тех пор в проекте было несколько прорывных открытий, о которых мы хотим сегодня рассказать.

Cloud-AI – искусственный интеллект в облаке, нашедший 10 уязвимостей LinkedIn

Категория: Веб-разработка, Информационная безопасность

 

Хватит дизайнить в скетче. Делайте дизайн в браузере

Автор: admin от 7-04-2017, 12:05, посмотрело: 233

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



Более трех лет назад я написал свой первый пост на тему «Дизайн в браузере». Пост назывался «Как я задизайнил сайт без Фотошопа»

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

Хватит дизайнить в скетче. Делайте дизайн в браузере

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

 

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

Автор: admin от 3-04-2017, 14:45, посмотрело: 273

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

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

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

 

7 вопросов, которые вам зададут на собеседовании на вакансию UX дизайнера

Автор: admin от 29-03-2017, 14:40, посмотрело: 576

7 вопросов, которые вам зададут на собеседовании на вакансию UX дизайнера

Устраиваться на работу всегда сложно. Невозможно заранее знать ответы на все вопросы, которые вам задаст наниматель. Однако есть несколько общих вопросов, к которым можно подготовиться. Успешные ответы на эти вопросы не гарантируют вам работу, но они увеличат ваши шансы на успех. Помните о том, что ваш ответ должен быть скорректирован в соответствии с описанием вакансии и деятельностью компании.


В этой статье я приведу семь основных вопросов на UX собеседовании, а также подскажу, как лучше на них ответить.

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

 

25 интересных книг для дизайнеров в открытом доступе

Автор: admin от 28-03-2017, 19:30, посмотрело: 381

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

Библиотека UX Pin


25 интересных книг для дизайнеров в открытом доступе

«Web Design Trends 2017»
Очередной выпуск из серии изданий о современных трендах. Описываются и препарируются практики от таких ведущих компаний, как Paypal, Adidas, Starbucks, Facebook, Spotify, Fitbit, Google и Dropbox – всего 61 пример, с подробным разбором для каждого.

-> Скачать

«Interaction Design Best Practices»
Шесть глав о том, как создавать отзывчивый дизайн, с которым пользователю легко взаимодействовать. В качестве иллюстраций к теоретическому материалу приводятся кейсы от крупных IT-компаний (MailChimp, Mint, Apple, KickStarter, Google, AirBnB, Netflix).

-> Скачать

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

 

Как собрать иконочный шрифт из файла скетча

Автор: admin от 28-03-2017, 00:00, посмотрело: 339

Как собрать иконочный шрифт из файла скетча


У дизайнера есть несколько разных способов передать иконки разработчику:
— отдельными файлами PNG и спрайтом PNG,
— отдельными файлами SVG и спрайтом SVG,
— иконочным шрифтом.


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


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

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