Дизајн грађевинског блока: модуларна стратегија дизајнирања за УКСерс

Чланак који помаже у попуњавању празнина модуларних дизајнерских модела из УКС перспективе.

Почећу с причом

Ако мрзите приче, требало би да прескочите овај део. Ријеч је о УКС дизајнеру који је добио задатак да заузме стратегију модуларног дизајна за своју организацију. Има кратку смеђу косу и плаве очи. Ако до сад нисте погодили, ја сам тај УКС дизајнер.

Пре око осам месеци, наш тим се окупио на модуларној стратегији дизајна која се зове објектно оријентисани УКС (ООУКС). За разлику од других широкобудућих модуларних система, ООУКС од вас тражи да се фокусирате на модуларизацију својих основних типова садржаја - што ООУКС назива објектима - и оштро погледате како се ти објекти међусобно односе. Овај процес помаже дизајнерском тиму да разоткрива инхерентне случајеве контекстуалне навигације и гурне према доследним модулима корисничког сучеља.

Па ... то је сјајно за дизајн архитектуре информација и библиотека узорака, али шта је са дизајнирањем искустава. На крају крајева, мобилизација вашег садржаја само је пола битке. Ако ћете бити на првој линији УКС-а, мораћете се питати зашто и како.

Зашто и како

Могли бисте рећи себи: „Немојте ми рећи зашто и како! Ја сам истраживач у УКС-у, блесави наббит! Једем зашто и како за доручак. "Дакле, допустите ми да објасним.

Не говорим о стратегији на нивоу функција. Не говорим о токовима процеса, жичаним оквирима и прототиповима. Говорим о стратегији на нивоу апликације. Знате, ствар коју бисмо увек требали радити, али некако никада немамо времена? И говорим о томе да то учиним интегралним делом нашег приступа другим нашим стратегијама, попут модуларног дизајна.

Да бисмо вам дали мало више контекста, разговарајмо кроз пример. Рецимо да дизајнирамо апликацију за упознавање где је један од главних делова садржаја профил. Модуларним дизајном бисмо питали: „где би се овај садржај могао појавити у корисничком сучељу?“ - и на основу нашег одговора дизајнирали бисмо модуле за сваки од тих сценарија. Можда бисмо дизајнирали профил који се може приказати на листи или профил који заузима цео екран. Информациона архитектура. Обрасци. Проверите, проверите.

Стил „ово“ и „оно“ профила

Али сада када смо одлучили шта, шта се дешава када неминовно схватимо да требамо размислити зашто неко жели прво видети одређени профил? И како би тај профил изгледао код те особе? Да ли спроводимо те стратегије након чињенице и надамо се да се ништа не може сломити?

Надам се да одмахујете главом, јер је одговор одјекнуо не.

Уместо да прво скочимо у дизајн наших модула, требало би да изградимо стратешки оквир који може помоћи нашим напорима на дизајну из сваког угла. Уместо да дефинишемо лице нашег садржаја - ствари које се појављују у корисничком сучељу - требало би да започнемо дефинисањем како и зашто тај садржај подржава. То се зове дизајн блокова.

Унесите дизајн грађевинског блока

Уместо да вас пита да прво размислите о садржају својих модула, као и други модели, дизајн блокова захтева да се уместо тога фокусирате на стратегију која стоји иза тог садржаја.

У изради блокова грађевинског блока, нека стратегија пружи оквир за дизајн; не обрнуто.

Тек након што дефинишете своје основне УКС стратегије - оквир који садржи ваш садржај - можете почети да дизајнирате како ће тај садржај бити представљен у интерфејсу. Стратегија „велике слике“ за сваки део језгреног садржаја ваш је грађевни блок. Заједно, ваши грађевни блокови дефинишу УКС вашег производа.

Дизајн блока је модуларни дизајн за УКСерс.

Анатомија градивног блока

Да бисмо боље разумели овај приступ стварању смисленог, структурираног садржаја, вратимо се примеру апликације за упознавање. Сада када сам идентификовао део основног садржаја у својој апликацији - профил - време је да прођемо и идентификујемо које стратегије могу потенцијално утицати на то како је овај блок дизајниран. Истражујући однос између других стратешких иницијатива и нашег садржаја, ми смо у стању да критички размислимо о томе како приступамо дизајнирању и пружању ових информација.

Анатомија профилног блока почиње да се обликује.

Када истражујете односе између стратегија на нивоу апликације, најбоље је започети на високом нивоу и кренути према доле. На пример, ако идентификујем персоне као главну компоненту своје стратегије, могу је даље разбити по стратегији идентификујући:

  • специфичне персоне које се баве профилима;
  • где у апликацији комуницирају са овим садржајем;
  • контекст њихове употребе;
  • суштинске акције које предузимају на профилима;
  • и колико често приступају овом садржају.

То може изгледати овако:

Однос персона-профил пружа више контекста за изглед лица мог блока профила.

Једном када дам мало више контекста зашто је овај садржај вредан одређеној врсти корисника, могу почети критички размишљати о томе каквим радњама треба дати приоритет, како модул треба бити структуриран да промовише обрасце понашања специфичних за особу, и где у искуству треба да се испоручи овај садржај.

Ова техника омогућава дизајнерима да се фокусирају на ствари које су важне и да их не ухвате визуелна привлачност, интеракција завођења и други обрасци дизајна интерфејса који изгледају добро, али не подржавају стварно понашање корисника.

Ако поновим ову вежбу у смислу друге стратешке иницијативе, стећи ће се додатни увиди. У зависности од броја и сложености стратешких иницијатива које имате, то брзо може постати временски интензиван процес. Препоручујем почетак са не више од две стратегије.

Дакле, ту га имате. Пример како да се стопала навлажите дизајном грађевинског блока. Ако мислите да би ово била корисна вежба за ваш тим за дизајн, погледајте у водичу за брзи почетак за додатне додатне савете. И, наравно, волела бих да чујем ваше мисли о свим модуларисаним стварима. Додајте коментаре у наставку или посегните на ЛинкедИн-у.

Брзи водич за почетак

Открио сам да многи модели модуларног дизајна падају тако што својим читаоцима дају дозволу за рад, па допустите да покушам да пружим тај вредан податак:

1. корак: инвентар стратегије.

Радимо залихе садржаја и компоненти, па зашто не и стратегијски попис? Направите списак свих стратегија на нивоу апликације које имате. Примери укључују: персоне, податке, контекст коришћења и дизајн људског окружења, одзивност итд. Ово је добра прилика за паузу и питање „да ли имамо чврсту стратегију за своју апликацију?“ Ако је одговор не, време је на посао.

Да бисте урадили: Окупите чланове тима да самостално креирају сопствене залихе стратегије.

2. корак: Дефинишите свој основни садржај.

Ово су ствари које ваши корисници предузимају у својој апликацији. Да бисте то схватили, одвојите мало времена за сеансу размишљања са својим тимом. Поставите себи питања попут: „шта моји корисници траже? Поглед? Преузимање? ”Када препознате део језгреног садржаја, напишите га на папир и обесите га на зид.

Да бисте урадили: Одржајте почетну сеансу за браинсторминг са својим тимом.

Корак # 3: Дефинишите како и зашто.

Сада када сте идентификовали своје стратегије на нивоу апликације и основни садржај, време је да их обједините! Вратите се у своју собу за браинсторминг да бисте пратили састанак и постарајте се да ваш тим донесе залихе својих стратегија. За овај део процеса, поставите стратегију свог тима да постави белешке на било који основни садржај на који та стратегија може имати утицаја.

Да бисте урадили: Одржајте браинсторминг сесију са својим тимом.

Корак # 4: Анатомија грађевног блока.

Време је да поделите и освојите Доделите члановима тима неколико основних типова садржаја - или градивних блокова - и нека их додају у анатомију овог садржаја.

Да бисте урадили: Доделите сваком члану тима неколико типова садржаја. Тај члан тима треба да дефинише анатомију тог садржаја.

Корак # 5: Поравнајте, поравнајте, поравнајте

Као последњи корак, сакупите банду у облику презентације са малим кључевима где сваки члан тима представља анатомију својих блокова. Уштедите време на крају за питања, усклађивање и одлуке о наредним корацима за покретање појединих стратешких компоненти сваког грађевног блока.

Да бисте урадили: Закажите време за чланове тима који ће представити анатомију свог грађевног блока.

Овај чланак доноси вам РУКСЕРС. РУКСЕРС је заједница лидера стварног корисничког искуства који деле и разматра најновије у дизајну, корисничком искуству, употребљивости и истраживању. На Твиттеру смо - придружите нам се!