Как стать автором
Обновить
5
0

Проектировщик интерфейсов

Отправить сообщение
Автору спасибо за статью.
Беда! Судя по обсуждению в фейсбучных группах, мне ну удалось донести основую мысль — что hi-fi прототипы сегодня — это легко и просто.

Попробуйте. Может быть просто в песочнице. Заведите себе pet-project. Совсем не нужно быть Джесси Пинкманом, чтобы сделать это. Справится даже Уолтер-младший. Поверьте, мне есть, с чем сравнивать. И не переживайте за потраченное на прототип время. Если делать зачет по пяточкам, то вы выиграете: конечно, если ваша конечная цель — продукт, а не прототип. Продукт будет лучше и быстрее выпущен, можете мне поверить. Честно говоря, я жалею, что не начал делать hi-fi прототипы раньше. Да-да, Actionspace, я смотрю на тебя!

Подход оправдан не только, когда вам надо белку в глаз. Если у вас горизонтальная команда и дизайнер сидит рядом с верстальщиком в молодом, подвижном стартапе и все роют землю в одном направлении — возможно, вам будет еще выгоднее иметь такой прототип. Верстальщик сможет сделать его быстрее и грамотнее, с учетом будущего использования в продукте.
Поэтому, я снова кричу здесь: НЕ ССЫТЕ, ДА НЕ МОКРЫ БУДЕТЕ!
— Про персонажа это вы тонко заметили! — сказал Арамис, наслаждаясь беседой :)
На самом деле, любой дизайнер неизбежно мигрирует в сторону проектировщика-верстальщика. Ну, после того, как отдал красивый макет, а получил кривую верстку. Тут волей-неволей захочется самому все сверстать и отдать конфетку.

Никаких особых итераций у нас нет. Поскольку и дизайн и прототип делает один человек, то процесс абсолютно бесшовный и выглядит это так:
Есть пара нарисованных макетов основных экранов, которые определяют дизайн продукта. Детально не прорисовывается ничего — все равно поменяется еще не раз. После этого создается проект и копируется структура из Denim — создаются 6-7 пустых страниц с переходами между ними. Ну и па-ле-те-ли: создаешь _variables.scss, определяешь основные цвета, шрифты и проч. Дальше бьешь страницу на части: header.html, footer.html, off-canvas.html подключаешь на все страницы через include. И вот у тебя есть скелет. Дальше наращиваешь мясо, постоянно что-то меняя. Тут нет pixel-perfect верстки — поскольку верстает сам дизайнер, он не упирается рогом и на ходу меняет свои решения, если это дает преимущества в чистоте кода и быстроте верстки. Тут подключается бизнес-аналитик и начинает гонять сценарии на полигоне, периодически выдергивая кого-нибудь из продажников или сервиса и тестируя сценарии на них.
С разработчиками на этом этапе никакой связи нет. А вот когда прототип передается в производство, и если вдруг технологии разные, то иногда приходится слегка менять что-то под капотом. Но внешне все остается и работает точно как в прототипе.
Во-во. Я же про это и талдычил в статье. Что глупо проектировать в Axure, если в итоге все будет на html с ангуляром. А так красота получается — берешь куски кода, а там уже и иконки и цвета и отступы и лейаут весь вылизан и проверен. И получается, что ты не потратил время, а сэкономил.
Вы так говорите, как будто ангуляр это что-то плохое :) Помой ему, ангуляр можно использовать через 20 минут курения доков. Например, прятать/показывать блоки на странице. Да еще с анимацией!
А вот с ванила-jscript у меня так не получалось в течение полугода. Да и сейчас проблемы. Так что ждем 2.0.
Ну и забыл написать, что долго — это как посмотреть. Тратишь время на прототип — экономишь его на верстке продукта. Плюс реально большой выигрыш при изменениях-итерациях.
Что делать, когда нет ресурсов запилить сразу весь функционал? Как выстраивать траекторию? На салфетке это не работает, к сожалению.
Спасибо, попробую копнуть в этом направлении.
Это нечеткая логика. Я не силен в ней, но каждый узел может не только принимать значения true / false, но и любые промежуточные значения 0-1. Эти значения можно регулировать ползунками confidence на самом узле. Таким образом, общий вклад в результат определяется как узлами, так и связями между ними.
Очень гибкая система.
Да, просто крышеснос. У них очень хороший алгоритм автоматического расположения блоков. Ну и остальные фишки — обратите внимание, чтобы менять значения в confidence или в весах связей, надо просто кликнуть туда и потянуть влево или вправо. Очень удобно!

Информация

В рейтинге
Не участвует
Откуда
Санкт-Петербург, Санкт-Петербург и область, Россия
Зарегистрирован
Активность