Comments 52
Смущает терминология: для меня прототип — это пачка уже сверстанных страничек, связанных ссылками, т.е. практически готовый сайт (без бекэнда). А то что у вас называется эскизами и прототипом есть условные макеты аки вайрфреймы, простые и детализированные (пусть в оригинале оно и называется скетчем).
Пачка уже сверстанных страничек — это готовая верстка. А прототип — это прототип, автор все четко описал. Для того что бы построить дом вы сначала построите стены а затем будете лить фундамент?
Насчёт перевода вы правы — я выбрал не самое удачное слово, для перевода термина «wireframe». Поправил на «схему интерфейса» и внёс соответствующие правки в иллюстрации.
Кстати, интересный подход у ребят из «37сигналов»: они пропускают этап условного макетирования, проектируя сразу в ХТМЛ.
«Каждый… как он хочет». Вот эти ребята начинают сразу с детализированных макетов, близких к финальному дизайну.
Полная версия процесса такая: Sketch (наброски) > Wireframe (лейаут) > Prototype (интерактив) > Mockup (графика); в реальной жизни дизайнеры выбрасывают шаги по своему усмотрению.
Полная версия процесса такая: Sketch (наброски) > Wireframe (лейаут) > Prototype (интерактив) > Mockup (графика); в реальной жизни дизайнеры выбрасывают шаги по своему усмотрению.
Если я правильно вас понял, и вы имеете ввиду под термином «условное макетирование» то, что автор в статье называет терминами «эскиз», «прототип» (все-таки прочитав статью, в которой используются одни термины, и потом быстро переключиться на терминологию другую, не так уж и просто.В этом кстати ваша ошибка ИМХО, стоило бы принять конвенцию предложенную автором, хотя бы в пределах топика, чтобы не создавать дополнительных путаниц.) то этот комментарий, идет в прямой конфликт со статьей) И было бы правильней высказать несогласие с автором, чем показывать этот пример как «интересный»
Дико извиняюсь, а что за устройство с гробом на второй картинке?
«Устройство» — это явно гидравлический механизм Давинчи… а вот как туда гроб затесался — это уже вопрос. тут оригинал
Согласен. Сейчас пишу новый проект, но решил вместо обычно «прыжка» на проект с «нахрапа», абы побыстрее, решил сначала продумать функционал максимально весь для первого милстоуна, примерно прикинуть задачи для последующих милстоунов. Уже(!) на этом этапе я изменил свое видение последовательности реализации функционала.
Затем набросал эскиз главной страницы (опущу программирование и проектирование). И сел писать.
Все шло отлично и без задержек, пока были эскизы на страницы.
Пару дней назад дошел до страницы, эскиза которой не было, и решил, да ладно, чего там… сделаю в том же стиле сразу верстку. Проковырялся полтора дня, и так не то, и эдак дерьмо (простите). Через силу взялся за эскиз, 20-30 минут, и через час задача полностью закончена.
Так что, на бумаге это нужно делать. Легче.
Затем набросал эскиз главной страницы (опущу программирование и проектирование). И сел писать.
Все шло отлично и без задержек, пока были эскизы на страницы.
Пару дней назад дошел до страницы, эскиза которой не было, и решил, да ладно, чего там… сделаю в том же стиле сразу верстку. Проковырялся полтора дня, и так не то, и эдак дерьмо (простите). Через силу взялся за эскиз, 20-30 минут, и через час задача полностью закончена.
Так что, на бумаге это нужно делать. Легче.
Многие дизайнеры и проектировщики ошибочно предполагают, что эскиз — это прототип. Хоть они и правда в чём-то схожи, но по большому счёту это «две большие разницы». Оба эти понятия выполняют одну функцию — иллюстрирование концепта интерфейса.
Прототип не иллюстрирует концепт интерфейса, а показывает функциональные возможности интерфейса в динамике. Нельзя нарисовать прототип, его можно только реализовать. Прототип может реализовывать только часть интерфейса, совершенно не иллюстрируя финальный UI
Эскиз не показывал, не показывает и не будет показывать проблемы использования. То, что кажется логичным и удобным на эскизе, в реальности может быть ужасно неудобным. Зачастую, рисование эскизов приводит к неоправданному усложнению интерфейсов.
UFO just landed and posted this here
UFO just landed and posted this here
вот например: moqups.com
UFO just landed and posted this here
Я пользуюсь www.hotgloo.com/. Мoqups пошустрее, но при ресайзе картинок нет привязки к сетке — это раздражает.
делать эскизы — губить полёт души!
Ещё бы почитать про документацию, в которой эскизы утверждаются. Иногда их называют «утверждение экранных форм», хотя это не одно и тоже.
> (из части об эскизах)… важно, чтобы команда проекта или клиент понимали базовую идею концепта проекта. Таким образом они смогут участвовать и пополнять концепт свежими мыслями.
Если не секрет, каким софтом вы пользуетесь для хранения этих мыслей в наглядном виде? — Тех, которые изначально на эскизе, плюс подкинутые в процессе штурма. На листочке их, объективно, не удержать.
Если не секрет, каким софтом вы пользуетесь для хранения этих мыслей в наглядном виде? — Тех, которые изначально на эскизе, плюс подкинутые в процессе штурма. На листочке их, объективно, не удержать.
Эскизы это круто, но:
1) только для себя, перед тем, как делать прототип. показывать кому-то эскизы значит рисовать их так же тщательно, как прототипы — это уже не эскиз.
2) только для нестандартных проектов. к сожалению, как показывает моя практика проектировщика, таких процентов 10-20 среди заказов, не больше.
1) только для себя, перед тем, как делать прототип. показывать кому-то эскизы значит рисовать их так же тщательно, как прототипы — это уже не эскиз.
2) только для нестандартных проектов. к сожалению, как показывает моя практика проектировщика, таких процентов 10-20 среди заказов, не больше.
А в чем проблема показать набросок, ну т.е. почему его обязательно отрисовывать тщательно для этого?
Потому что если рисовать не тщательно, то ты не будешь красивым почерком подписывать какой-то квадратик со стрелочкой, чтобы стало понятно, что это видеролик… клиент же не угадает обычно :)
Да, и прототипы наверное никто не «отрисовывает тщательно», это же прототипы. Вот прототип хабра можно за 10 минут накидать, главной страницы, довольно подробный.
Да, и прототипы наверное никто не «отрисовывает тщательно», это же прототипы. Вот прототип хабра можно за 10 минут накидать, главной страницы, довольно подробный.
Это момент подготовки, обучения клиента. Известны анекдотические случаи: «Мы заплатили деньги, а вы нам серые квадратики показываете?!»
Как не обучай, а чтобы клиент полностью понял эскиз — его нужно или рисовать на уровне Леонардо (при чем почерк должен быть лучше, чем у него) или тупо сопровождать большим количеством текста. Да и то может потребовать встреча/разговор по скайпу.
Так что уже лучше прототипы.
Кстати, совершенно не понятно, чего в статье о них говорится так, как будто они долго времени занимают.
Да я в Axure сделаю прототип в 5 раз быстрее чем художник тот эскиз, что в статье как пример дан…
Так что уже лучше прототипы.
Кстати, совершенно не понятно, чего в статье о них говорится так, как будто они долго времени занимают.
Да я в Axure сделаю прототип в 5 раз быстрее чем художник тот эскиз, что в статье как пример дан…
Как раз недавно купил себе пастельные карандаши. Ими очень удобно рисовать схему, потому что толщина линий не дает сильно углубляться в подробности.
Единственное надо будет сетку точками напечатать, чтобы линии были ровнее и возможно линейку купить :)
Единственное надо будет сетку точками напечатать, чтобы линии были ровнее и возможно линейку купить :)
Круто, но это же надеюсь для себя, а не клиенту показывать?
Разумеется для себя. Вот если под линейку и сеточкой то может и клиенту показать можно будет )
Надо будет где-нибудь на лазернике напечатать штук 100
sneakpeekit.com/browser-sketchsheets/
Надо будет где-нибудь на лазернике напечатать штук 100
sneakpeekit.com/browser-sketchsheets/
Если под линеечку, то теряется весь смысл, нет?
Нет, просто выглядит аккуратнее.
В смысле если под линеечку, то чем это лучше Axure?
Блин не туда ответил: Да ладно...
Да ладно, неужели просто) то есть не теряется ни время, на оформление, ни сама затея, быстро записать мысль?)
Вот автор например утверждает, что эскизы от прототипов, в том числе, отличаются тем, что бы оперативно переносить идеи из головы на другой хранитель информации, и быстро их корректировать)
И я с ним согласен в том, что если буду брать в руки линейку и стараться сделать красиво, то вариант с «пропускать эскиз и делать сразу прототип» — ничуть не хуже), вернее ничем не отличается))
Я понимаю, что можно сказать, а зачем эти эскизы, давайте сразу прототипы, но все-таки думаю все знакомо чувство, когда нужно выложить весь сумбур куда-то из головы, и посмотреть на него со стороны. А если начинаешь заморачиваться еще и над «формами», а не только над «содержанием», то первоначальная идея может очень быстро развеяться…
Вот автор например утверждает, что эскизы от прототипов, в том числе, отличаются тем, что бы оперативно переносить идеи из головы на другой хранитель информации, и быстро их корректировать)
И я с ним согласен в том, что если буду брать в руки линейку и стараться сделать красиво, то вариант с «пропускать эскиз и делать сразу прототип» — ничуть не хуже), вернее ничем не отличается))
Я понимаю, что можно сказать, а зачем эти эскизы, давайте сразу прототипы, но все-таки думаю все знакомо чувство, когда нужно выложить весь сумбур куда-то из головы, и посмотреть на него со стороны. А если начинаешь заморачиваться еще и над «формами», а не только над «содержанием», то первоначальная идея может очень быстро развеяться…
Ошибся веткой, ответ на: Нет, просто выглядит аккуратнее.
Просто ) Да вообще кому как удобно ) Я нашел что мне удобнее на бумаге. И весело.
С линейкой — куплю, попробую насколько быстро будет.
Без линейки по гайдлайнам уже получше:
С линейкой — куплю, попробую насколько быстро будет.
Без линейки по гайдлайнам уже получше:
Люди разные, думают по разному, и что хорошо для одних далеко не всегда подходит для других. С тех пор как я это понял, меня напрягают попытки выдать конкретный образ действий за панацею. А всего-то надо, вместо утверждения «все делайте так» писать что-то вроде «многом помогает, если начинают делать так»…
Ещё, как вариант, можно не напрягаться каждый раз, когда видите статью, описывающую какую-либо методологию, а говорить себе «Ок, мне это не подходит». ;-)
Представьте себе, что эта статья о пользе молока. В каждом пункте статьи описываются преимущества его употребления. И эта статья будет являться благом, поскольку повысит мотивацию читателей питаться правильно. Однако, те, у кого непереносимость лактозы сами могут (и должны) сказать себе, что молоко им употреблять не стоит.
Представьте себе, что эта статья о пользе молока. В каждом пункте статьи описываются преимущества его употребления. И эта статья будет являться благом, поскольку повысит мотивацию читателей питаться правильно. Однако, те, у кого непереносимость лактозы сами могут (и должны) сказать себе, что молоко им употреблять не стоит.
Абсолютное большинство своих эскизов Леонардо не реализовал на практике.
Sign up to leave a comment.
Почему важно делать эскизы, прежде чем переходить к прототипу