прототип интерфейса веб-приложения
Мне была поставлена задача не только разработать пользовательских интерфейес, но и всю логику приложения. Основным инструментом на ближайший день становится маркерная доска:
Небольшой эскиз на бумаге:
Первые PSD эскизы, которые были показаны начальнику:
Начальству понравилось, рисую более вменяемый эскиз:
Мне не нравится, не хватает целостности, переделываю:
То, что надо! Теперь занимаюсь формой, от предыдущей идеи решил отойти. Для начала смотрю, что сделали конкуренты. У них нельзя сохранять ТС и грузы, по-этому пользователям каждый раз, когда они ищут исполнителя, нужно заполнять такую форму:
Вспоминаю, что у Abbyy есть замечательная программа «FineReader», гууглю и натыкаюсь на SDK под названием «FineReader Engine». С отделом продаж произошел примерно следующий диалог:
— Нам нужен FineReader Engine, хотим бету и если понравится, то купить.
— Это SDK, у него нет никакого графического интерфейса, вы уверены?
— Да, то, что нужно!
— Это набор исходных кодов, ваши пользователи не смогут с ним работать, там нет никакого графического интерфейса, это не программа, вы уверены, что вам нужен именно этот продукт?
В итоге выслали бету.
Последний PSD эскиз:
Далее прототипирую на HTML, так быстрее и удобнее, чем в фотошопе или ином софе, да и сразу видно, как все будет выглядеть для пользователей.
Прототип версии 3.1.6 заточен под один браузер — Apple Safari, в других все может выглядеть совсем иначе, можете побаловаться (работает гараж, форма добавления ТС и несколько шагов в ней):
На десерт расскажу про иконки. Началось все с составления списка ТС, для этого я долго курил Википедию и сайты производителей:
Потом думал, как бы сэкономить, чтобы не пришлось рисовать все транспортные средства отдельно:
И наконец начал искать исполнителя (с сайта free-lance.ru вакансию удалили, видите ли у них нельзя выдавать тестовые задания):
Вы бы знали, какую жесть присылают фрилансеры в ответ на любой проект... Присылают в разных форматах, даже в .bmp, и еще возмущаются, почему это их работа говно:
В итоге было найдено три адекватных:
Илья Пыльнев, студия «
Мысмаксом» (советую, грамотные в своем деле и приятные в общении) и студия «
БАННЕР Дизайн». Последние заломили цену, да и как-то средненько иконка получилась (про полупрозрачности они вовсе не поняли):
Мысмаксом тестовое задание не выполняли, но прислали очень хорошие работы схожей тематики на почту. Выиграл Илья, предложив меньшую цену при аналогичном качестве, работаю с ним:
Объясняю подробнее что нужно:
Сначала нарисовали полуприцепы, потом все остальное
Финал:
