На сегодняшний день существует множество веб-приложений для удобного и быстрого прототипирования интерфейсов, но wireframe.cc — это лучший из тех, что мне довелось попробовать.
Вот его основные особенности:Читать полностью »
Рубрика «прототипирование» - 26
wireframe.cc — самый простой инструмент прототипирования интерфейсов
2012-11-13 в 1:07, admin, рубрики: веб-дизайн, Дизайн в IT, интерфейсы, прототипирование, метки: прототипированиеКак вырастить программу из прототипа
2012-10-18 в 8:57, admin, рубрики: agile, DRY, KISS, unite, выставки, говнокод, методологии разработки, Программирование, проектирование, прототип, прототипирование, управление проектами, метки: agile, dry, kiss, unite, выставки, говнокод, методологии разработки, ооп, проектирование, прототип, прототипирование Каждую неделю на профильных блогах мы читаем как нужно использовать методологию X и фреймворк Y, чтобы написать хорошо спроектированный и легко поддерживаемый софт. Нам постоянно говорят, что, мол, говнокод — это плохо, рефакторинг — наше все, дают те или иные очень важные сферические советы в вакууме. В большинстве этих статей можно встретить абстрактные философские нравоучения, например, вот это я распечатаю и повешу при входе в офис:
А что, если я скажу, что не все проекты одинаковые, и некоторые из них не то что можно, а даже нужно тщательно выращивать из прототипа? Об этом я рассказывал на конференции Unite'12, а сейчас расскажу вам.Читать полностью »
Почему нельзя превращать прототип в итоговую программу
2012-10-16 в 15:54, admin, рубрики: говнокод, Программирование, прототипирование, Совершенный код, метки: говнокод, прототипирование Всем привет! Сколько уже статей было про говнокод, но я считаю, их поток нельзя сокращать, потому как поток говнокода только увеличивается.
Внимание: статья полна субъективизма и сюрреализма. Автор не претендует на истину в последней инстанции
Очень часто, создавая новое приложение, программу, веб-сайт, мы сначала экспериментируем, а затем создаем из наших экспериментов конечный продукт.
Но дайте ответ на следующие вопросы не задумываясь:
- сколько раз, получая исходники от других разработчиков, вы находили их крайне непривлекательными?
- сколько раз, передавая исходники другим разработчикам вам было стыдно за свой код?
Мои ответы: постоянно, довольно часто.
Почему так происходит?
Бумажные макеты интерфейсов браузера, смартфонов и планшетов
2012-10-08 в 10:46, admin, рубрики: веб-дизайн, Дизайн в IT, интерфейсы, прототипирование, метки: интерфейсы, прототипированиеПри прототипировании мобильных и веб-приложений очень помогают распечатанные на обычном принтере специальные заготовки интерфейсов. Interface Sketch — это лучшее, что я встречал для этих нужд.
В Сколково открыли центр прототипирования, а я съездил на него посмотреть
2012-10-05 в 9:00, admin, рубрики: большой адронный коллайдер, будущее здесь, дизайн, история, наука, Презентации, прототипирование, сколково, социальные сети, стенфорд, метки: 3d принтеры, большой адронный коллайдер, дизайн, история, наука, прототипирование, сколково, социальные сети, стенфордВ пятницу по приглашению подруги впервые побывал в том самом Cколково – попал на открытие нового корпуса и составил неожиданное мнение о всем проекте – хочу поделиться ним с тобой.
«Прототипирование — штука рисковая» by Gael Bertrand
На двухчасовом выступлении обсуждали запуск корпуса прототипизации. Это отдел, который будет заниматься постоянным производством прототипов со всей начинкой. Корпус включает в себя четыре лаборатории: инженерную, механообработки, 3D-прототипирования и дизайн-бюро.
Но прежде чем рассказать о них подробнее, хочу поделиться общим впечатлением – Сколково это действительно выдающийся научный проект за одно посещение вернувший мне веру в российскую науку. Пусть звучит пафасно, но я сейчас постараюсь объяснить как я пришел к таким выводам.
Двигаем элементы в прототипе Axure
2012-09-26 в 0:20, admin, рубрики: axure, Веб-разработка, интерфейсы, Проектирование и рефакторинг, прототипирование, метки: axure, прототипированиеСегодня я столкнулся с проблемой, решением которой хотел бы поделиться. Эта заметка будет полезна тем, кто старается делать свои прототипы Axure максимально интерактивными.
Итак, задача. Визуализировать на прототипе добавление какого-либо объекта со сдвигом других объектов. Для примера возьмем добавление вопроса в сервисе онлайн-консультации.
Необходимо сделать так, чтобы при нажатии кнопки «Отправить» новый вопрос появлялся над старыми, а старые, в свою очередь, сдвигались вниз. Читать полностью »
2 бесплатных бумажных шаблона для прототипирования мобильных приложений
2012-09-24 в 12:27, admin, рубрики: Smashing Magazine, wireframing, Дизайн в IT, интерфейсы, Мобильный веб, прототипирование, метки: Smashing Magazine, wireframing, прототипированиеНа сайте Smashing Magazine выложены два новых полезных инструмента для мобильных разработчиков. Это набор заготовок для рисования набросков интерфейсов распространённых типов мобильных утсройств Outline и шаблоны для подбора размеров элементов тач-интерфейса с учётом разрешения и физического размера реальных устройств Tapsize. Оба набора предназначены для распечатки на бумаге.
Почему важно делать эскизы, прежде чем переходить к прототипу
2012-08-31 в 12:53, admin, рубрики: веб-дизайн, дизайн, Дизайн в IT, дизайнеры, интерфейсы, макет, макетирование, проектирование, проекты, прототип, прототипирование, управление проектами, эскизирование, эскизы, метки: дизайн, дизайнеры, интерфейсы, макет, макетирование, проектирование, проекты, прототип, прототипирование, эскизирование, эскизыВольный перевод статьи о том, почему важно делать эскизы, прежде чем приступать к прототипированию. Мне, как менеджеру проектов и, по совместительству, проектировщику интерфейсов — статья показалась очень полезной. Крайне рекомендуется к прочтению всем участникам проектных команд.
Управляем самодельными железяками по воздуху при помощи Open Sound Control
2012-08-21 в 9:08, admin, рубрики: arduino, diy или сделай сам, Open Sound Control, open source, OSC, python, микроконтроллеры, протоколы, прототипирование, метки: Open Sound Control, OSC, python, микроконтроллеры, протоколы, прототипированиеВ этом материале я постараюсь рассказать, каким образом можно с телефона или планшета на iOS и Android удалённо управлять вашим самодельным устройством подключенным к сети. Любой, хоть сколь-нибудь знакомый с темой, к этому моменту уже решил, что речь пойдёт об очередном веб-интрефейсе к вашим Arduino и mbed’ам — спешу перебить ваши мысли — не пойдёт. Способ, о котором я хочу рассказать, быстр, дёшев, имеет готовую обратную связь, удобные контролы и обладает наглядностью, которой позавидует самый вылизанный веб-интерфейс.
Чтобы материал не показался оторванным от реальной жизни, я покажу, как мы 4 месяца назад проделали этот фокус с нашим Лайтпаком. Эта ситуация немного отличается от сферического сценария применения протокола Open Sound Control (дальше OSC) в вакууме, но тем не менее, является хорошим примером того, как он может быть эффективно использован в быстром прототипировании.
Читать полностью »
Прототип, блочная схема, макет – что выбрать?
2012-07-31 в 20:12, admin, рубрики: интерфейсы, Песочница, прототипирование, юзабилити, метки: интерфейсы, прототипирование, юзабилити 
Это перевод оригинальной статьи «Wireframing, Prototyping, Mockuping – What’s the Difference?».
Итак
Пару лет назад я понял, что многие из моих коллег(не дизайнеров) по разному называют результаты моей работы. Они предположили, что блочная разметка (wireframe), прототип (prototype) и макет (mockup) – это одно и тоже – своего рода сероватый, квадратный, эскиз поясняющий гениальные идеи.
Читать полностью »