Създаване на скици за по-добро мобилно изживяване на взаимодействие е всичко за WordPress

Основният аргумент в полза на скиците

Може би сега сме в най-изгодна позиция от всякога, тъй като ние сме в състояние да създаде един прекрасен опит на взаимодействие, което спестява време. Въпреки това, всички инструменти, които използваме, не и без скрити недостатъци: те ни изкушават да пропуснете важна стъпка, необходима за създаване на висококачествени, обмислен продукт - разбиране на задачата пред нас.

Именно поради тази причина - за да се разбере проблема и да разработят план за решаването му - Предлагам използване скици, преди да прегледате любим инструмент.

Възможно е, че в този момент в главата ти светна следните мисли:

"Ние сме изправени пред кратки срокове на доставка на крайния продукт, ние не разполагат с време, за да се направи скици. Трябва да получите веднага да работи "

"Проектиране на [посочете вашия любим инструмент тук] се извършва много по-бързо. Имам нужда от крайния резултат възможно най-скоро "

"Ние трябва да представи резултатите от нашата [клиенти, партньори, главен]. Ние не можем да покажем една скица, изготвен на ръка "

"Съжалявам, но аз наистина не може да се направи"

Не само това, аз съм чувал такива възражения преди - аз ги говори.

Определяне на проблема и да намерят своето решение

Създаване на скици ни позволява да се изследват пространството проблем и в същото време да се определи пространството решение. Този подход ни помага да формират сегашната разбиране на проблема, което позволява в същото време да си представим възможните решения.

Схематично представяне на нашите мисли води до нови идеи, които до голяма степен се дължи на несигурността и ниските подробно скици. Несигурността в този случай, е предимство, защото ние автоматично се опита да запълни празнините, с помощта на въображението му. Тя е тази функция дава създаването на скици "генеративен" характер: ние се определи съществуващите идеи и измислят нови. Както беше отбелязано от Бил Бъкстон «скициране впечатления на потребителите":

С помощта на скици, ние можем да се проучат различни решения на проблема, а не жилище на всеки един от тях. Това ни помага не само да се вземе нов поглед към проблема, но също така и за да получите нови въпроси. Рисуване скици - в действителност, изпълнението на мозъчна атака.

"Цена" Създаване на скици

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

Ако не ви харесва това, което виждаме на лист хартия, ние можем да се смачкат този лист и го изпраща в кошчето, бране на нов. В случай на прототипи инструменти премахне всички много по-тежки - до голяма степен се дължи на загубата на време и усилия, дори и ако идеята не е толкова голямо. Започнете всичко отначало много трудно. От друга страна, хартия скици ще доведат до резултат и цената е евтино.

Най-бързият начин да се създават и изследват концепция - да се направи скица си

Рисуване скици като средство за комуникация

Нека Звучи изтъркано, но на снимката наистина може да "каже" хиляда думи. Рисуване скици ни позволяват да предадат на своите колеги и заинтересовани страни, в сегашната ни представа за проекта. Ние можем да използваме различни методи визуална презентация, за да се изяснят различните аспекти на проекта (като най-често ще бъдат обсъдени в следващия раздел). Дан Roum в «гърба на салфетки» гласи следното:

"Изображенията могат да представляват сложни концепции и да добавят неограничени количества информация по начини, които са най-прости и ясни за нас, те [Снимки] са полезни за разясняване и решаване на всички видове проблеми."

Колеги, ще могат да се посочат пропуските в нашия процес на мислене и да обсъди с нас възможните решения и алтернативи. В най-вероятната степен те разбират нашите скици и ще бъде в състояние да предложи разумен отговор по отношение на детайлите на концепцията. Прехвърлянето идеите си на други хора ни позволява да се отрази на тяхната същата концепция; По този начин можем да видим грешките и да намерят подходящи алтернативи.

Рисуване скици като инструмент за сътрудничество

Рисуване скици - мощен инструмент за участието на заинтересованите страни в процеса на проектиране е все още на много ранен етап. По дефиниция на процеса ние сме изправени пред един типичен въпрос за кокошката и яйцето: че съответните лица не са в състояние да формулира цялостен набор от изисквания, докато не видят визуално представяне на решението, но ние, дизайнерите, не са готови да започнат работа върху решение, стига да не сме сигурни че предложените изисквания биха били постоянни - ние искаме да се избегнат ненужни промени, които водят само до повече работа.

скица чертеж също има нисък праг за влизане - не само могат да участват дизайнери в проекта. (Излишно е да разпространява химикалки заинтересованите страни, или не - въпрос на лично предпочитание и предмет на разгорещен дебат, можете да го имате свой собствен облик.).

Единственото нещо, което трябва да се преодолее - е нежеланието да се покаже друга "недовършен" работа.

Създаване на скици - не е рисунка урок

А често срещано погрешно схващане - скици, трябва винаги да бъдат красиви. Въпреки това, дизайн взаимодействие - не е форма на изкуство. Скиците Ви не трябва да бъдат привлекателни; те трябва само да споделите вашата идея. Както се очакваше, те само възбуди дебат и да генерират идеи; е малко вероятно те да виси в рамка на стената. Трябва само да бъде в състояние да привлече правоъгълници, стрели, кръгове и линии. Както беше отбелязано от Dzhoshua Bryuer в «скица, скица, скица»:

Скица - това не е крайната цел. Крайната цел на процеса на рисуване - това, което в хода на създаване на скицата. Така че не се притеснявайте, ако не сме в състояние да се направи скица.

Да се ​​научиш как да се извърши пародия излиза извън обхвата на тази статия. За презентация, можете просто да се търсят следните книги:

Как да се направи скица

Сега, когато сте убедени, (надявам се), че рисуване скици трябва да действат част от работния процес, нека да поговорим за това как да се изпълни скица за мобилен проект.

Различни скици създаване

В началото, вие определено ще искате да получите различни идеи за мобилното си приложение или уеб сайт. Започнете да скицира различни версии на ключ екрана или дори да го разбие на парчета. Вашата цел ще има двойна цел: да се генерират много различни идеи, и в същото време, да изследват и да ги оцени. Колкото повече идеи, които идват с, толкова повече възможности ще трябва да избират. Такъв процес често се споменава като "отклоняване на създаване на скици".

Полезен инструмент за създаване на този вид скици - мулти-модел. Той има достатъчно място за съставяне на шест различни версии на една страница, и дава възможност за прилагане на някои от препоръките на наличното пространство на екрана. Местоположение в близост до няколко идеи може значително да се опрости тяхното последващо сравнение и обсъждане.

Повечето шаблони на разположение онлайн (аз използвам най-често Ерик Loehfelm шаблони). Изберете този, който ви харесва.

Варианти на изпълнение оформления за глобалната навигационна

В горната екранна шест различни идеи за главното меню прилагане (освен това е ясно доказателство, че моите скици не са толкова красиви). Аз не често имат шест версии, но аз се опитвам да се направи най-малко три варианта за ключов екран. Сума в този случай - това е във ваша полза, защото ще трябва да помислят и да получите голямо разнообразие от възможности за по-нататъшно обсъждане.

Ако смятате, че липсата на идеи, да изследват някои галерии вдъхновение мобилни интерфейси (например Вдъхновен UI. Pttrns. Lovely UI и UI Parade). Всички те демонстрират решения, групирани по теми и функции (например, от главното меню на прозореца за разговор). Добавете неща, които ви харесват във вашите скици и ги разбъркайте със собствените си идеи.

Свикнете да създадете горен за всяка скица. Това значително ще опрости тяхното последващо дискриминация и достъп до тях. Да добавя бележки и пояснения, за да обяснят скиците и указанията на мисловните процеси зад тях (силни и слаби страни, предимства в сравнение с други понятия, въпроси, нови функции и т.н.). Описание и запознанства на листа също е добра практика.

Конвергентна скици създаване

След като направите скици на различни версии на екрана, изберете този, който най-добре решава проблема. За съжаление, една скица рядко в състояние да осигури абсолютно всички подробности. В повечето случаи, ще трябва да се комбинират идеите или идеите на елементите в едно понятие печеливша. За да направите това, трябва да се създаде по-подробна скица на същата страница. Използвайте празно място за пояснения. Нахвърлям на всички въпроси, нови идеи, важни и неясни области и теми за обсъждане. Това ще помогне на другите да разберат процеса на мислене. Такива действия често се нарича "сближили създаване на скици."

За да получите по-подробна информация за различната, съгласуваното създаде скици, вижте представянето Лия Buley «Good Design бързо», както и статия Брандън Shauer «Sketchboards: Открийте по-добро + По-бързо UX Solutions».

Създаване на UI-резба

След информацията на вашите идеи за набор от ключови екрани, сте изправени пред следващата стъпка - да учат техните взаимодействия. За да направите това, да създаде някои UI поток (т.е. на поредица от ключови екрани), която ще покаже как се използва от потребителя вашето решение за изпълнение на задачата. UI потоци показват кои елементи на интерфейса, за да се използва (например, кой бутон е натиснат, или какво действие е извършено) и как системата ще реагира на него (например, дали ще се появят на анимация, преходи, диалогови прозорци или нов екран). Те също така демонстрират ключови Екраните в различни състояния (например, първоначално празни и след това напълнени със съдържание).

Можете да визуализирате различни резултати в UI-поток (като списък с резултати от търсенето в сравнение с празен списък). Вие ще тече в този случай няма да е линейна; различни отрасли ще показват различни резултати. Все пак, опитайте се да ограничите броя на клоновете в отделна UI-нишка. Всеки клон на сложност се увеличава, което прави поток по-трудно да се разбере. Това става трудно да се обясни.

UI-потоци показват как потребителят се движи от точка А до точка Б

Не е нужно да правя скици за всички случаи на употреба; изберете само тези, които са наистина важни и които най-често се използват. Принцип на Парето предлага добро правило: създаване на прототипи за 20% от функционалността да се използва от 80% от времето.

Аз обикновено започват с скица за един от случаите ключовите употреба, за да се намери начин за разрешаването му. Аз създавам взаимодействието на екрана и (обикновено) се свърже екрани стрелките. После се изясни всяка стъпка и излезе с име за основните екрани. И, разбира се, оставете вашите пояснения.

За да получите представа за това, как да създадете скици и UI-потоци за мобилни екрани, прегледайте статията Жизел мюлеров «Вдъхновяващи UI Скелетните Скици»; MOObileFrames. блог, който съдържа най-различни мобилни скици; и Wireframes. Якуб Linowski сайт. Можете също така да използвате-инструкцията PDF от Якуб «Interactive скициране нотация» за своята UI-нишка.

Какви стъпки трябва да направите,

За да ви покажем как всички трите стъпки, представени по-горе, са свързани един с друг, ще спомена тук стъпките на една типична сесия, създаване на скици:

"Защо?" Както можете да видите, повечето от тях са въпроси Това се дължи на факта, че създаването на скици - е опит да се разбере проблема, като в същото време върви към решение. Напишете на всички въпроси, които са възникнали в процеса на създаване на скици. Това ще ви доведе до правилната концепция.

Освен създаването на скици

След като сте създали скици за ключови екрани и основни случаи на употреба, което ще искате да тествате своята концепция на живо от мобилното си устройство. Приложения като Pop и Protosketch. ви позволи да прехвърляте изображения на скици и да ги превърне в прототип. Тази сравнително прост и ниско качество метод ще ви помогне да проучи взаимодействието на своята концепция. И двете приложения ви позволяват да се определи и с кликване активни обекти и преходи, които правят взаимодействието по-реалистичен прототип.

Освен това, можете да импортирате екрани в по-напреднали инструменти като Axure, и изграждане на прототип на него.

Независимо кой метод да изберете, целта ви ще бъде бързо и лесно да се тества на понятията в реалния мобилното устройство.

заключение

Създаване на скица ви помага да разберем по-добре проблема, който се опитва да реши, като позволява визуализация на възможните решения. Това е бърз и икономичен начин да помислят и да тестват повечето от UI-идеи, преди да изберете някоя. Рисуване скици ускорява процеса на създаване на концепцията и фазата на итерация, което ви позволява да се получи обратна връзка от хората в самото начало, когато промяната е достатъчно лесно да се направи.

По време на следващата си сесия, рисуване скици, следвайте тези указания, за да ви помогне да останете на пистата:

Не е необходимо да изобретяваме колелото. Използвайте шаблона за рисуване скици.

• Останете доста добър вариант.

Скици трябва да предадат идеята си. Не се губят в (несъществени) детайли.

Една малка група от възможностите си решения ще се използва по-често. Съсредоточете се върху него. Какво 20% от вашето решение ще се използва от 80% от времето?

Използвайте съществуващите нотация, създаващи скици и / или разработят свои собствени. Това ще направи вашите скици правдоподобен. Колеги ще оценят стила си, и това отнема по-малко време да учат скици и нещо, което да им предложи.

В процеса на създаване на скици сигурен, че ще има нови въпроси, идеи и цели. Запишете ги; в противен случай те ще бъдат загубени.

Направи си скици видими. Дръж ги на стената, и винаги ще ги покаже на другите хора, за да разберете тяхното мнение.

• Ако имате съмнения, направи няколко скици.

Ако не сте сигурни в решението да се създаде вариант на скици. Списък на плюсовете и минусите, и да разберете мнението на хората, за да се разбере кой вариант е най-добре.

Успешното създаване на скици!