Asn Storyboard
⚡ 👉🏻👉🏻👉🏻 INFORMATION AVAILABLE CLICK HERE 👈🏻👈🏻👈🏻
Lbbhasdfsdfhjlikfsdhlijf Webhijsa Dfg Nbm Zcxbhkl Asn
Story Of An Hour Storyboard By Evelyn21931
Romeo And Jukliet Storyboard By Breannastoops16
Asn Storyboard Yupar Magdalene Project Org
Project 2 Part 2 Storyboard By 818b23f1
Super Powers And The Cold War 1941 1991 Storyboard
Proyecto El Reflexivo Storyboard By E994c4a9
Super Powers And The Cold War 1941 1991 Storyboard
Asn Bank Film Advert By Selmore The Shadybug Ads Of The
82 Storyboard Templates Pdf Ppt Doc Psd Free
In Ambassadorss New Spot For Asn Bank Cg Bugs Play
Xd Xu Daily Sketches 7 Storyboard Learning
Asn Bank Het Overheersbeestje Making Of
82 Storyboard Templates Pdf Ppt Doc Psd Free
Going Outside Storyboard Sen Toilet Routine Outdoors
82 Storyboard Templates Pdf Ppt Doc Psd Free
82 Storyboard Templates Pdf Ppt Doc Psd Free
Asn The World Of Tomorrow De Wereld Van Morgen Leo De
82 Storyboard Templates Pdf Ppt Doc Psd Free
82 Storyboard Templates Pdf Ppt Doc Psd Free
82 Storyboard Templates Pdf Ppt Doc Psd Free
82 Storyboard Templates Pdf Ppt Doc Psd Free
Storyboard Dhe 160 Assignment 3 Storyboard Sketches
Asn Bank Making Of Het Gewoontedier In Moof On Vimeo
Creature Of Habit By Ambassadors For Asn Bank
43 Best Movie Storyboard Examples With Free Storyboard
43 Best Movie Storyboard Examples With Free Storyboard
Ambassadors Introduces A Tiny Dictator Shadybug To The
Pdf From Storyboard To Story Animation Content Development
Meet The Creature Of Habit In Asn Banks Beautifully Animated
In Ambassadorss New Spot For Asn Bank Cg Bugs Play
43 Best Movie Storyboard Examples With Free Storyboard
43 Best Movie Storyboard Examples With Free Storyboard
43 Best Movie Storyboard Examples With Free Storyboard
The Wonderful World Of Wes Anderson Wes Erson Fantastic
Asn Story Board First Short Story Posted Kara Bryn
Navigation Between Controllers Black Screens Stack Overflow
43 Best Movie Storyboard Examples With Free Storyboard
Asn Bank Creature Of Habit Making Of
Unable To Connect Iboutlet From Storyboard To Uiview
Quality Control Storyboard Nursing Student Assistance
82 Storyboard Templates Pdf Ppt Doc Psd Free
In Ambassadorss New Spot For Asn Bank Cg Bugs Play
43 Best Movie Storyboard Examples With Free Storyboard
Slave Narrative By Deanna Caitlin And Kelly Connection
Xd Xu Daily Sketches 7 Storyboard Learning
82 Storyboard Templates Pdf Ppt Doc Psd Free
Repost From Industrial Design Student Phowe11 First
Fracture Advanced Pbs Learningmedia
Chapter 11 Building Simple Ios Views Xamarin In Action
43 Best Movie Storyboard Examples With Free Storyboard
Copyright © 2021. Some Rights Reserved.
Удаленная работа для IT-специалистов
Наверное, многие из вас слышали про раскадровки. Их рисуют на первых этапах создания фильма или мультика. При производстве программного обеспечения дорого пропускать стадию проектирования, а при съемке фильма это не просто дорого, а очень, очень дорого. Джонни Депп не будет грызть черствые бутерброды на съемочной площадке, пока режиссер решает, что нужно добавить еще три сцены с русалками и вставить в сюжет приемного ребенка и поменять возлюбленную. Поэтому в фильмах все сцены заранее прорисовываются и утверждаются, иногда даже на них накладывают музыку и прокручивают, чтобы ещё на первых стадиях оценить зрелищность и сюжет фильма.
В проектировании такую роль выполняют вайрфреймы и прочие быстрые прототипы. Сториборды, сохраняя название и форму, как в киноиндустрии, при проектировании интерфейсов выполняют немного другие задачи.
Про сториборды я в первый раз услышала на курсе Human Computer Interaction
Преподаватель курса Скотт Клеммер рисует сториборд
Я не встречала ничего похожего в отчетах наших проектировщиков, а Клеммер говорил об этом, как о широко распространенной, всем известной практике.
Как оказалось, на западе этот инструмент довольно популярен, если интересно кем, как и зачем его используют, добро пожаловать под кат.
Задачи
Я встретила несколько мнений о задачах сторибордов. Некоторые эксперты предлагают их использовать внутри команды, чтобы формировать общее видение для всех членов рабочей группы. Другие советуют использовать их для презентации заказчикам своих решений. Периодически сториборды выступают ещё и как этап проектирования где-то между формированием персонажей и рисованием первого прототипа системы.
Понятно, что сториборды для всех трех задач будут разными. Те кривые каракули, которые можно рисовать для своей команды, должны отличаться от инструмента, который будет презентовать решение клиенту. Ниже я расскажу подробнее, как отличаются решения для разных аудиторий, но пока рассмотрим, что между ними общего.
В любом случае, сториборд должен отвечать на вопросы (неважно, клиента или ваших коллег):
Кто ваш персонаж?
Какую потребность удовлетворяет система?
Какая задача должна быть выполнена?
Что приводит пользователя к использованию вашей системы?
В каких условиях она выполняется?
Какова последовательность действий?
Чтобы как-то проиллюстрировать текст, я нарисовала сториборд для выдуманной программы с рецептами печенья. Пусть она называется, например, DarkSide.
Начнем с ответов на вопросы:
персонаж — женщина среднего возраста
потребность — приготовление печенья
задача — подбор необходимых продуктов и изучение последовательности действий для готовки
к использованию приложения пользователя приводит незнание рецепта
первая часть задачи выполняется либо в домашних условиях, либо, при нехватке продуктов, в магазине, вторая часть выполняется на кухне
последовательность — выбор конкретного рецепта, изучение списка необходимых продуктов, при необходимости приобретение недостающих, следование инструкции по приготовлению
Надо обратить внимание, что все ответы зависят от формулировки исходной задачи. Если исходная потребность «приготовить печенье из того, что есть дома», то все поcледующие ответы будут полностью другими.
На самом деле, одно приложение может включать несколько сценариев, и, соответственно, может иллюстрироваться несколькими сторибордами. Но мне кажется, что для презентациий следует ограничиться одним сторибордом, показывающим предпосылки для проектирования и принятое решение.
Например, нарисуем сториборд для DarkSide, чтобы показать его заказчику, перед презентацией собственно, прототипа интерфейса.
Сценарий использования DarkSide
Сюжет
На литературе в школе преподавали структуру сюжета любого художественного произведения. Сториборд — та же история, и в нем используются те же самые законы композиции.
Структура повествования
Этапы развития сюжета про DarkSide
С проблемой и решением все более-менее понятно, поговорим про выгоду. Последний кадр должен обязательно показывать решение бизнес-задачы клиента. Не решение задачи пользователя (оно на предыдущем кадре), а решение задачи бизнеса.
Здесь это распространение приложения между пользователями и высокие оценки в рейтинге. Нет смысла показывать клиенту, как девочка приготовила печеньку, его цель продать приложение или продать рекламу в популярном приложении.
Техника рисования
Не имеет значения. Сториборды должны быть таким же быстрым инстрментом, как и проектирование на бумаге. Не надо уметь рисовать, чтобы нарисовать палку-палку огуречик. Люди очень чутко воспринимают все хоть отдаленно похожее на человека (доказательство на сайтах, где выкладыают розетки, в которых все видят какое-нибудь лицо). Если очень-очень не хочется рисовать, можно вообще использовать набор троллфейсов (желательно, не для презентации клиенту).
Псевдонаучный подход
Чувства субъективны. Многим ответственным лицам приятнее иметь дело с числами и измеримыми величинами, чем с эмоциями. Для них мы можем отметить всё, через что проходит наш персонаж на графике впечатлений. Это придаст нашим идеям ясность и вес.
График впечатлений — это кривая, показывающая состояние персонажа на всём протяжении истории.
* на мой личный взгляд, график нужен либо для людей с синдромом Аспергера, либо для серьезных бизнесменов с откалиброванным зрением, заточенным на диаграммы. Очевидно, что построение этого псевдографика полностью субъективно и его можно применять только в иллюстративных целях
** Сториборд и график впечатлений ниже взят из статьи Бена Крозерса, подробнее о его исследованиях можно узнать по ссылке в списке литературы.
На рисунке ниже дан простой сториборд о девушке, желающей забронировать себе путешествие. Финал истории таков — все средства, которыми она воспользовалась, имеют свои недостатки и не помогли ей осуществить задуманное.
1. График на рисунке изображает линию настроения сториборда с предыдущего рисунка. Разрыв в линии показывает отрывок, оставшийся за скобками сториборда.
2. В сториборде дожны быть чёткие ключевые моменты, в которых принимаются решения, ожидания превышаются или оказываются не оправданными.
Сервис-менеджеры называют эти моменты точками сервиса. Эти точки важны в измерении эмоций, постарайтесь чтобы они были разделены на разные эпизоды.
Отмечаем ключевые точки на графике.
3. Области положительного и отрицательного настроения выделяют экстремумы для наглядности.
Люди очень восприимчивы к историям: врожденное чувство любопытства привлекает их к любому сюжету. Они сопереживают героям, эмпатия помогает на эмоциональном уровне убедить их в том, что иначе пришлось бы долго объяснять «логичными» доводами. Сториборд, как любая иллюстрация, несет в себе долнительные слои смысла, интуитивно понятные и искажаемые не так сильно, как слова.
Раскадровка поможет сделать яркими и запоминаемыми ваши аргументы. Кривой человечек рядом с хищно осклабившимся солнцем запомнится сильнее, чем статистические выкладки, о том, что пользователи предпочли бы большую яркость монитора или небликующий экран.
График впечатлений для приложения DarkSide
Заключительный разоблачающий комментарий
Когда я смотрю на процесс проектирования в западных студиях, у меня всегда возникает странное чувство.
Одна студия делает прототипы-аппликации очень симпатично склеенные из цветного картона. Где-то я видела прототип, потрясающе разрисованный то ли пастелью, то ли цветными карандашами, причем вплоть до градиентов на кнопочках. Некоторые студии снимают короткие ролики на телефон о том, как пользователь себя ведет. Теперь еще и комиксы, как оказалось, есть.
Мне всегда казалось, что это такое веселое развлечение. Ну, клеить аппликацию всей группой классно. Можно менеджера клеем намазать, или дизайнера обрезками обсыпать. Гораздо веселее, чем макеты в индизайне рисовать.
Возможно, изначально это были студенческие практики, потому что задание интересное, и развлечет, и интерес привьет, но разработчики переносят это в реальные условия, вместо того, чтобы забыть после выпускного бала.
В общем, большинство этих методик очень интересные, но я не могу пересилить скептического к ним отношения. Если у вас есть какие-то мысли по этому поводу, будет интересно обсудить.
Список литературы
Лекция HCI 3.1: Paper Prototypes and Mockups, нужна регистрация;
UXmatters Using Storyboards and Sentiment Charts to Quantify Customer Experience (та статья, откуда график впечатлений);
Цикл статей Джонни Холланда: 1, 2, 3;
Презентация Storyboarding;
Презентация Conserve code storyboard experiences with customers first;
Укажите причину минуса, чтобы автор поработал над ошибками
Присылаем лучшие статьи раз в месяц
Скоро на этот адрес придет письмо. Подтвердите подписку, если всё в силе.
Out Block (проектирование игровых уровней)
1 мая 2021 5 месяцев 60 500 XYZ School
Моделе-ориентированное проектирование информационных систем на UML
5 июня 2021 2 недели 15 000 Systems.Education > Школа системного анализа и проектирования
12 апреля 2021 10 недель 46 000 Loftschool
12 апреля 2021 10 месяцев 96 900 Нетология
Разработка под Android: базовый уровень
12 апреля 2021 6 недель 24 000 Loftschool
AdBlock похитил этот баннер, но баннеры не зубы — отрастут
Подробнее
Диаграммы use case из UML. Меньше рисования, больше инженерного подхода.
Проблема такого подхода в том, что неинженеры не оценят и не поймут!
Отличный способ донести информацию в наш перенасыщенный ей мир.
«Mы научим вас писать юзер сториз!» Сценарный факультет ВГИК.
На самом деле в шутке гораздо больше нешутки: такие сценарии готовый материал для маркетологов. Опять же, отличный способ «продать» юзер стори команде. Эмоциональный аспект, незамутнённый фан — совсем не то, что «извращённое» удовольствие от корректно составленной UML диаграммы.
Приходим мы значит в Сбербанк с комиксами про бабку смерти… )
Но вообще, я согласна, даже совсем серьезным дядькам графики с таблицами должны были уже надоесть.
Полезно давать тем сотрудникам которые умеют и любят рисовать.
Ну, я бы не сказала. Тот преподаватель, который на первой картинке, рисовать очевидно не старался, и еще и других отговаривал, чтоб именно «рисования» (красиво, с объемом, с завитушками) не было, потому что долго.
Хотя, если отдать сотруднику, который умеет рисовать и наложить музычку, может получится трейлер)
> Ну, я бы не сказала.
То есть бесполезно / вредно?
Если сториборд именно для прототипирования, то получается, что вредно. Потому что прототипы должны быть быстрыми, а пока он там заморочится, цвета подберет, композицию поставит и все такое.
А если сториборд нужен для презентации клиенту, то скорее полезно, но не принципиально. На презентации, как мне кажется, изложение и эмоциональность больше решают, чем красивость картинки.
НЛО прилетело и опубликовало эту надпись здесь
А про сам курс, что скажите, вы его прошли? Как впечатления, как он вообще проходил?
Мне больше понравилась первая часть курса. Там присутствует более-менее компексный подход, и видно, что преподаватель понимает положение дисциплины среди остальных, академизм нормальной научной школы проглядывает. А во второй части начинается довольно унылое хау-ду, которое и так знают все, кто хоть чуть-чуть в теме.
Но в целом — ок.
На самом деле, у меня не дошли руки до половины заданий, а писать только про теорию не хочется. Надо доделать практику и результаты оформить. Идея хорошая, спасибо)
На одном из экспериминтов здорово об этом рассказывалось. Такие диаграммки называются мудчатами.
Еще есть интересный момент, которого не увидел в статье. Чтобы лучше отражать настроение на диаграммке, в точках перегиба оно появляется на лицах у человечков.
Да, нагляднее будет получаться, но подойдет только для линейной структуры и тогда на каждой картинке должен быть человечек.
То есть сделать просто квадратик, где будет только экран приложения, не получится, надо еще счастливое лицо будет впихнуть.
Coursera :)
Уже с дипломом или сейчас учитесь?
PS ( простите, не сильно вчитывался, так как материал знаком, в мае учился на этом курсе :) )
Я начала учится на прошлом, но на середине забросила. То есть лекции я потом досмотрела, а задания не успела с срок сдать. Теперь попытка номер два)
У меня не получилось сделать 2 ассигмента. В итоге сертификат получил, но не studio =)
Сейчас кстати некоторые вещи стали другими, насколько я понял.
Что бы развеять сомнения к данным методикам, надо их попробовать в деле и тогда уже будет ясно как к ним относиться.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.
ASN Storyboard by frankdb
asn storyboard for 2021, [Printable and Downloadable] - Madam
Проектирование с помощью сторибордов / Хабр
Урок 3 - Основные элементы Storyboard Xcode 10. Курс Начинающий iOS...
ios - SwiftUI vs StoryBoard ваше мнение - Stack Overflow на русском
Kristen Archive Pictures
She Made Me Suck Him
Lannie Barbie
Asn Storyboard