Pull to refresh

Dynamic Prototyping with SketchFlow for Expression Blend

Reading time 1 min
Views 714
Design
Книгу именно с таким названием готовят Chris Berbard и Sara Summers – UX-евангелисты в Microsoft. Amazon принимамет предзаказы.
Chris has served as Creative Director and Practice Leader in the Centers for e-business Innovation at IBM, and in design and strategy roles in many interactive and broadcast organizations.
Sara has worked in the design industry for 14 years. She has worked for renowned agencies such as FrogDesign and Young and Rubicam, and for clients such as AMD, HP, Motorola, the NFL, and Sony.


Как несложно догадаться, книга появящена созданию насыщенных и динамичных прототипов с помощью инструмента SketchFlow, встроенного в Expression Blend.

Выйдет она позже — в 2009 году, но уже сейчас доступна preview-версия (112 страниц) первой главы, в которой как раз освещаются основы работы со SketchFlow.

Скачать можно здесь http://www.dynamic-prototyping.com/
Скачать Expression Blend3 + SketchFlow RC можно здесь http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=92e1db7a-5d36-449b-8c6b-d25f078f3609
Total votes 9: ↑7 and ↓2 +5
Comments 2

Инструменты быстрого прототипирования

Reading time 9 min
Views 202K
Interfaces *
Translation
Прототипы, как инструменты дизайна, находятся на подъёме, и вот почему. Я твёрдо верю, что прототипирование помогает нам в процессе создания качественных пользовательских интерфейсов. Мы работаем в мире богатых, обладающих динамикой интерфейсов пользователя как в сети, так и на наших устройствах. Интерфейсы, которые мы создаём, интерактивны, откликаются на воздействие пользователя и обладают эмоциями. Прототипы позволяют сформулировать чувства и функции дизайна так, как этого не могут сделать простые экранные формы. Но как выбрать лучший инструмент прототипирования для работы?
Много текста. Читать дальше
Total votes 63: ↑58 and ↓5 +53
Comments 52

Прототипирование в Expression Blend + SketchFlow. Часть 2. Основы

Reading time 7 min
Views 19K
Microsoft corporate blog
Продолжаем, а, вернее, начинаем разбираться с прототипированием в SketchFlow. В прошлый раз мы посмотрели на эволюцию самого SketchFlow — от ранних прототипов до финального продукта, а сегодня начнем разбирать по полочкам его возможности.

Начало работы и интерфейс


Все начинается с создания нового проекта. На этом этапе вы можете выбрать, какого типа SketchFlow-приложение вы хотите создать. У вас два варианта: Silverlight и WPF-приложение.

image
Читать дальше →
Total votes 37: ↑29 and ↓8 +21
Comments 5

Прототипирование в Expression Blend + SketchFlow. Часть 1. Немного истории

Reading time 2 min
Views 26K
Microsoft corporate blog
Translation

Введение


Этой статьей я хочу начать цикл статей, посвященных созданию прототипов с помощью Expression Blend и SketchFlow. Мы постепенно пройдемся от базовых концепций и понимания, как работает SketchFlow, до отдельных нюансов вроде настройки и брендирования проигрывателя прототипов. Местами, я буду включать переводы статей других авторов.

В качестве введения в тему и для того, чтобы получить общее представление, предлагаю посмотреть вот это короткое видео (всего 90 секунд!) с обзором текущих возможностей SketchFlow:


А начнем мы со статьи Christian Schormann об истории SketchFlow.

SketchFlow: Немного истории


SketchFlow, инструмент динамичного прототипирования для Expression Blend, наконец официально вышел (от переводчика: статья писалась к выходу Expression Blend 3)! Вы можете скачать триальную версию здесь.

Так как мне всегда нравилось наблюдать за развитием людей, идей и продуктов, я подумал, что вам тоже будет интересно узнать немного о прошлом SketchFlow — сейчас, кажется, подходящий момент, чтобы взять школьные тетрадки со столика и рассказать немного о том, как рос SketchFlow. Если вы хотите узнать больше о сегодняшем состоянии SketchFlow, смотрите этот пост…
Читать дальше →
Total votes 64: ↑49 and ↓15 +34
Comments 26

Прототипирование в Expression Blend + SketchFlow. Часть 3. Работа с контролами

Reading time 4 min
Views 20K
Microsoft corporate blog
Продолжаем разбираться с прототипированием с помощью SketchFlow. В предыдущих сериях:

Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.

Примитивы


Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):
Читать дальше →
Total votes 34: ↑23 and ↓11 +12
Comments 29

Прототипирование игровых проектов на Unity3d

Reading time 6 min
Views 19K
Programming *Game development *Unity3D *
Sandbox
Так сложилось, что вот уже год как я проживаю в холодной Финляндии. Изначально приехал сюда учиться, но последние несколько месяцев активно подыскиваю себе работу: занимался массовой рассылкой своего резюме, посетил многие ивенты/конференции, побывал в нескольких офисах разных финских геймдев-контор. Коих, к слову, тут довольно много: благо, местная International Game Developers Association (в отличии от родной, украинской) живет, здравствует и собирает народ на халявное пиво раз в месяц. Так вот, я заметил, очень многие компании (вместительностью 10-20 человек) или переходят, или уже перешли на Unity3D.

Изначально статья планировалась как философское размышление на тему баланса что_прогер_пишет/что_игрок_видит, с примесями полезных сниппетов/хинтов по работе с Unity. На самом деле, во время выполнения тестового задания в одну из компаний, ко мне внезапно нагрянула муза написать подобную статью, посему я пока не знаю, что из этого выйдет.

Читать дальше →
Total votes 35: ↑33 and ↓2 +31
Comments 13

Практика прототипирования в софтверной компании

Reading time 10 min
Views 28K
ALEE Software corporate blog Interfaces *
imageНет, это статья не об игре про заражённый вирусом Манхэттен и его мутантов. Речь пойдёт о прототипах другого рода — прототипах программного обеспечения.

Прототипирование ПО становится всё более популярным и часто используемым процессом в российских IT-компаниях. Причины видятся следующие: с одной стороны – это определенная дань моде, с другой – прототипирование обещает компании ряд весомых преимуществ.

Однако сделать процесс прототипирования полезным и эффективным — непростая задача. Встречаются подводные камни, появляются вопросы. Кто и когда должен прототипировать? Как делать прототипы? Как их использовать? Ответы на эти вопросы и последующие шаги определяют успешность и полезность нововведения. Если они будут неверными – прототипирование может стать не только вредным, но и крайне дорогостоящим процессом.

В статье я хочу поделиться опытом построения процесса прототипирования в моей компании. Расскажу, как мы ответили на озвученные вопросы и каких успехов достигли.
Читать дальше →
Total votes 34: ↑32 and ↓2 +30
Comments 25

Обзор трафарет+блокнот для прототипирования

Reading time 3 min
Views 40K
Interfaces *
Некоторое время были у меня в руках предметы, интересные в первую разработчикам интерфейсов сайтов/программ, а именно трафарет и блокнот для iOS-интерфейсов. Когда-то в комментариях упоминали об этой продукции компании "UI Stencils", но информации было мало и решено было взять на пробу.

image

Ниже мое субъективное мнение, которое может не совпадать с вашим.
Читать дальше →
Total votes 67: ↑51 and ↓16 +35
Comments 51

Framer Tutorial: Custom device, Input поля, перетекающий loading и радуга в конце

Reading time 9 min
Views 3.6K
Web design *Interfaces *
Sandbox
В моей прошлой статье я рассказала про то, как начать с работу с Framer, создавать красивые прототипы с помощью импорта слоев из Sketch, а также показала, как создать симпатичный loading с процентами.

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

Целью нового прототипа стал опять же loading, но уже другого формата, созданный без импорта слоев из чего бы то ни было. Прототип служит для иллюстрации возможностей Framer и для описания моих экспериментов с кодом.

Итак, вот что мы создадим в этот туториале:
Читать дальше →
Total votes 7: ↑4 and ↓3 +1
Comments 0

Обзор конференции ProfsoUX-2016

Reading time 9 min
Views 5.2K
Собака Павлова corporate blog Interfaces *Usability *Prototyping *


23 апреля прошла конференция ProfsoUX. Пятый год подряд на этом мероприятии собираются вместе UX-профи и другие специалисты со всей страны, люди, которых объединяет желание проектировать удобные, эргономичные и эффективные интерфейсы. Здесь царит особая атмосфера вдохновения и творчества, и это заслуга не только организаторов, но и участников.

Я расскажу о том, что представляла собой конференция, с точки зрения начинающего проектировщика: чего ожидали участники, и в какой мере оправдались эти ожидания.
Читать дальше →
Total votes 11: ↑9 and ↓2 +7
Comments 9

Семь этапов создания игры: от концепта до релиза

Reading time 5 min
Views 176K
ВШБИ — Менеджмент игровых интернет-проектов corporate blog Game development *
Как создать свою игру? Сколько на этом можно заработать? Какая нужна команда? Каковы ключевые этапы разработки и что нужно делать команде на каждом этапе? Ответ на эти вопросы – в открытой лекции по разработке игр в рамках программы «Менеджмент игровых интернет-проектов», которую разместили наши партнеры — открытая система электронного образования Универсариум. Вот здесь можно посмотреть открытую лекцию:


А под катом вы найдете краткое текстовое описание.


Читать дальше →
Total votes 37: ↑27 and ↓10 +17
Comments 22

UX-митап 26 октября в Петербурге: работа по дизайн-спринтам, LeanUX, юзабилити-исследования

Reading time 2 min
Views 2.9K
Wrike corporate blog Web design *Interfaces *Usability *Prototyping *


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

На встрече 26 октября в питерском офисе Wrike в рамках WrikeTechClub мы поговорим о том, как построить эффективную работу над юзабилити, как провести необходимые исследования и извлечь из них правильные выводы, как выявить фатальные ошибки и суметь их исправить в кратчайшие сроки, рассмотрим новые методологии и разберем с экспертами конкретные кейсы. На митапе выступит CEO и основатель компании Wrike Андрей Филев, который расскажет о последних изменениях облика Wrike в связи с современными тенденциями работы над IT-продуктом.
О программе и докладах
Total votes 19: ↑17 and ↓2 +15
Comments 2

В топку MVPs, внедряем MVPr (минимальный жизнеспособный прототип)

Reading time 9 min
Views 7.2K
Web design *Interfaces *Mobile applications design *Prototyping *Design
Sandbox
Привет, Хабр! Представляю вашему вниманию перевод статьи «Ditch MVPs, Adopt Minimum Viable Prototypes (MVPr)» автора Alexandru Giuseppe Ispas.



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

Но если абстрагироваться и посмотреть на междисциплинарный характер дизайна цифрового продукта, легко понять, как дизайнеры попадают в идеальную ловушку.
Читать дальше →
Total votes 14: ↑12 and ↓2 +10
Comments 0

Sampler. Консольная утилита для визуализации результата любых shell команд

Reading time 5 min
Views 82K
Open source *Programming *Go *Data visualization *DevOps *

В общем случае с помощью shell команды можно получить любую метрику, без написания кода и интеграций. А значит в консоли должен быть простой и удобный инструмент для визуализации.


Sampler


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


Код доступен на гитхабе. Инструкции по установке — для Linux, macOS и (экспериментально) Windows.

Читать дальше →
Total votes 298: ↑297 and ↓1 +296
Comments 54

Дизайн-мышление в проектном управлении или зачем менеджеру проектов нужны креативные техники

Reading time 5 min
Views 5.4K
Mars corporate blog Project management *
🔥 Technotext 2020
Да, а действительно, зачем руководителю проекта брать на себя ещё и задачи по дизайн-мышлению? Руководитель проекта и так занят координацией, ускорением и приоритезацией всего того, что без него не движется.



Написать эту статью меня вдохновил опыт коллег плюс собственная рефлексия руководителя проекта по внедрению SAP eWM (Extended Warehouse Management – система для автоматизации складского менеджмента) и по совместительству конечного пользователя многих других проектов.

В чем основная ценность дизайн-мышления? Эта техника позволяет не забыть простые и практически бесплатные шаги, которые часто упускаются или де-приоритезуются (особенно в больших проектах), но потом очень громко выстреливают во время запуска.
Читать дальше →
Total votes 1: ↑0 and ↓1 -1
Comments 6

Продуктовый дизайн без дизайнера

Reading time 10 min
Views 3.3K
СберКорус corporate blog HTML *Design


Я работаю в КОРУС Консалтинг СНГ 3 года, и за это время поучаствовала в проектировании девятнадцати B2B сервисов. Проектирование взаимодействия ассоциируется обычно с Axure, InVision, Moqups, Framer, (вставьте ваш любимый вариант), но мои инструменты — это HTML, SCSS и AngularJs. Я расскажу, как обычная практика сохранения HTML-шаблонов выросла в альманах полноценных макетов, и как группа верстальщиков во главе с арт-директором проектировала взаимодействие с интерфейсами всех продуктов КОРУС Консалтинг СНГ на протяжении шести лет.

И почему это работало.
Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Comments 2

Прототипирование процессоров Baikal на платформе Synopsys HAPS

Reading time 5 min
Views 3.1K
Байкал Электроникс corporate blog FPGA *Prototyping *

Если предыдущая статья про гибридное прототипирование https://habr.com/ru/company/baikalelectron/blog/582782/ описывала новаторское использование платформы HAPS, то сегодня мы расскажем в общем - что такое прототип, и какие традиционные подходы к  прототипированию используют инженеры Baikal Electronics.

В маршруте проектирование сложных System-on-the-Crystal (SoC) прототипирование на FPGA занимает промежуточное место между моделирование на симуляторах (VCS, ModelSim и др.) и эмуляцией.

 FPGA-прототипирование позволяет реализовать такие сложные сценарии системной валидации микросхемы как загрузка операционной системы (ОС). На прототипе операционная система может загрузиться за несколько часов, на симуляторе ОС грузилась бы в течении месяцев. При этом на FPGA с помощью встроенного логического анализатора мы можем увидеть поведение любого сигнала нашего дизайна в любой момент времени. А также, в отличие от кремния, можем переконфигурировать наш прототип произвольное количество раз.

Читать далее
Total votes 22: ↑21 and ↓1 +20
Comments 24

10 самых популярных бесплатных туториалов по Figma

Reading time 2 min
Views 14K
Timeweb Cloud corporate blog Graphic design *Studying in IT Design


Figma — это как Adobe Illistrstrator, только проще, в браузере и проекты можно шарить для совместной работы. И бесплатно.

Если вы обладаете Adobe Illistrstrator, то автоматом сможете в Figma. Если вы не знаете, с чего начать осваивать векторную графику, Figma — легкий вариант для старта.

Я сделала подборку самых популярных бесплатных обучалок по Figma с YouTube. Кстати, не обязательно в совершенстве знать английский, чтобы шаг за шагом повторять то, что чуваки показывают на скринкасте. Все понятно из видеоряда.
Читать дальше →
Total votes 10: ↑10 and ↓0 +10
Comments 0