Mokkey 17 июл 2009 в 00:03

Работа над эскизами

2 мин

832

Чулан

+13

Комментарии 35

khizhaster 17 июл 2009 в 00:08

Где-то проскакивало изображение целого блокнота, где каждый лист, как чистое окно браузера, скреплены листы пружиной, легко типа отрывать.

Mokkey 17 июл 2009 в 00:12

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

НЛО прилетело и опубликовало эту надпись здесь

super 17 июл 2009 в 05:30

Вы верно шутите — основная часть заказов идёт от мелких и средних фирм и это именно сайты-визитки на 2-3 страницы.

Autorun 17 июл 2009 в 08:46

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

Mokkey 17 июл 2009 в 10:18

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

НЛО прилетело и опубликовало эту надпись здесь

Mokkey 17 июл 2009 в 13:20

Вы путаете дизайн и компановку (грубо — «меню слева, корзина справа и т.д.»). Сейчас вся речь только о компановке, никаких «пимпочек и бликов» тут в принципе нет.

НЛО прилетело и опубликовало эту надпись здесь

Mokkey 17 июл 2009 в 15:26

Исключительно про первую встречу (самое начало процесса) и речь.

Yak52 17 июл 2009 в 03:35

То же заметил, что для набросков, компьютер является лишним передаточным звеном. А если нужо несколько слоев, что бы, что-то подвигать, то можно рисовать на кальке.

Bytexpert 17 июл 2009 в 04:21

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

glintwine 17 июл 2009 в 05:23

А может в графическом редакторе будет удобнее «… двигать или заменять ничего не стирая и не перерисовывая...»? :)

Bytexpert 17 июл 2009 в 05:50

Тогда уж лучше взять: habrahabr.ru/blogs/ui_design_and_usability/36670/
Тут фишка в том, что прямо на месте, вместе с заказчиком набросать прототип дизайна, не будешь же ты предлагать ему на своем ноуте слои двигать в фотошопе, чтоб показать что и где должно лежать.

glintwine 17 июл 2009 в 06:20

1. Можно приехать и со своей талбеткой.
2. Если лениво брать (или просто нет), можно использовать чистый лист А4

Я просто не понимаю зачем нужна эта рамка, если можно использовать естественные границы листа. Произвести впечатление на заказчика, если только, но произведёте ли…

Я всё это к тому, что незачем усложнять элементарные вещи.

*За штуку по ссылке, спасибо, довольно интересно.

Rajken 17 июл 2009 в 08:39

У многих пользователей среднего и выше возраста есть психологическая проблема с восприятием таких эскизов.
Они не могут соотнести рисунок на листе бумаги со страницей в браузере.
Если же использовать такой блокнот, то у них появляется привязка к знакомому интерфейсу.
Это серьезно облегчает процесс понимания со стороны заказчика.
Более того, мы даже варианты дизайна заказчику отправляем «вставленными» в окно браузера. Иначе потом тупых вопросов не оберешся.

Mokkey 17 июл 2009 в 09:54

«Таблетка», графический планшет, просто ноутбук с заранее заготовленными элементами в слоях — можно, удобно, но не всегда и не всем. Отвлекают от сути. Хотя кому как удобнее, конечно.

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

Bytexpert 17 июл 2009 в 05:58

Упс, ссылочка обрезалась…
habrahabr.ru/blogs/ui_design_and_usability/36670/

Mokkey 17 июл 2009 в 09:47

За границей я видел похожие магнитные наборы — стандартные элементы интерфеса. У нас не встречал. Да и не уверен, что они подойдут — немножко другая штука. Самостоятельно такие сделать можно, но сложнее.

Busla 17 июл 2009 в 04:47

Это одна из причин, почему мне отчаянно не хватает Tablet PC :-)

AJay 17 июл 2009 в 05:07

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

sergeiAK 17 июл 2009 в 05:10

Может для удобства еще клеточку псевдо тетрадную добавить, для удобства рисования прямоугольных форм, четкость линий доп + для восприятия клиентом

Mokkey 17 июл 2009 в 09:58

Я отказался от сетки, чтобы она не отвлекала. А ещё, когда сеточки нет, то немного кривая линия не так бросается в глаза, как с сеточкой :)

Karnil 17 июл 2009 в 05:30

Если есть графический планшет, всё упрощается до нажатия PrintScrn при включенном браузере с открытой в нём about:blank.

MASe 17 июл 2009 в 05:42

Только не надо убеждать нас в том, что на людей, которым «такой формат оказался затруднительным для восприятия», наличие шапки от броузера вдруг открывает глаза…

Восприятие или есть, или его нет… А там ты хоть шапки броузерные рисуй, хоть цветными карандашами, да что там говорить — хоть готовый или даже уже разверстанный дизайн утверждай — все равно не поймут и не примут…

Freem 17 июл 2009 в 05:54

Google Chrome

В описании есть, а в списке нет

Mokkey 17 июл 2009 в 09:59

Извините, забыл добавить :( Вот он (в моем исполнении, хотя ниже уже есть) — www.mokkey.ru/_works/browser_notepad/browser_notepad_by_mokkey_-_chrome.png

Если ссылка слетит, то у меня на сайте в списке.

yanajy 17 июл 2009 в 07:25

Идея отличная. Единственное, я бы делал книжную ориентацию бланков, а не альбомную (обычно сайты более высокие, чем широкие). Или и ту, и ту.

Ещё мне кажется, для увеличения полезной площади и сохранения идеи можно оставлять только верхнюю панель окна и в ней писать название проекта :) Заказчику это понравится :)

Freem 17 июл 2009 в 10:02

книжную ориентацию бланков, ~~а не~~ и альбомную.

опять же, для удобства

Mokkey 17 июл 2009 в 10:08

Книжная ориентация это правда здорово! :) Было мне лениво её делать, но вообще она иногда бывает полезной.

Только с ней проблемка небольшая: например, у нас экран разрешением 1024 на 768 и видим мы его всегда в альбомной ориентации (экран же не ставим набок). Если сайт высокий, то он всё равно остается 1024 по горизонтали. А так как мы печатаем на бумагу формата А4 и размером листа ограничены, то нам придется уменьшать масштаб окна, что сохранить эти условные 1024 по горизонту. Т.е. пропорция поплывёт, что уже сложнее угадать.