Your SlideShare is downloading. ×
0
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Документ, который читают
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Документ, который читают

326

Published on

Презентация с 12 онлайн семинара UXRussia.

Презентация с 12 онлайн семинара UXRussia.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
326
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Документ, который читают Тарас Бризицкий Сергей Кудряшов 12 онлайн-семинар UXRussia 19 февраля 2009 г.
  • 2. Вступление Для кого этот доклад В первую очередь для молодых специалистов, сталкивающихся с проблемами представления результатов своей работы Чего в данном докладе нет… Описания «правильного» процесса (читайте Communicating Design) Готового рецепта «на все случаи жизни»
  • 3. Проблемы Процесс документирования не налажен Изначально документация была не нужна, потом привыкли обходиться без нее Никто не хочет тратить время на написание документов Никто не хочет брать на себя ответственность Существующие документы никто не читает Проектировщики пишут документы, но их никто не читает «А что, у нас есть документация?» Быстрая итеративная разработка Объем документации быстро растет Документация сразу же устаревает
  • 4. Решение? Оставить все «как есть» или…
  • 5. Решение Успокоиться и начать анализировать ситуацию Кто будет читать документ Зачем этим людям ваш документ Оценка трудозатрат
  • 6. Кто Кто будет читать документ Руководство, менеджеры Маркетинг Исполнители Тестеры Кто-то еще?
  • 7. Зачем Зачем этим людям ваш документ Руководство хочет быть уверено, что продукт соответствует бизнес-требованиям Маркетингу нужно знать, что именно они будут продавать Программистам нужна информация о расположении контролов и их поведении Тестерам нужны основные сценарии использования
  • 8. Трудозатраты Оценка трудозатрат …на подготовку документа …на поддержание документа в актуальном состоянии
  • 9. Формат One doc to rule them all Wireframe (неинтерактивный прототип, макет) Прототип Design Description document возможны другие варианты :)
  • 10. «Большой doc файл» «Много букв», никто не будет его читать !quot;#$ 1 Написание требует больших ресурсов Поддержание в актуальном состоянии — еще больших Сложно поддерживать версионность: никто не станет !%#$&#'( quot;$)*$#(#+' перечитывать большие куски текста в поисках ,-.$/$&$quot; !quot;#$%&'()*quot;+ quot;*,-.,/*-01 *2# $3-,, 4)' *(%4,/,. 5, 6)quot;*) 3-$#32 #)/)3%78)-2+ *(%4,/, /,quot;#$%,9,)6 3-$#3( quot; 2-:$/6,;2)1 $ 4)*,-quot;*,*(quot;). 5,<,*2) -, 3-$#3( ',#(quot;3,)* 6)=,-2'6 #$2quot;3, $4-$>%)-21. изменений 0(#+1-/2#-3 $4/-%+2 ?)-*/,%&-,+ $4%,quot;*& quot;$.)/<2* quot;#2quot;$3 >quot;)= quot;6$-*2/$>,--0= > .,--01 6$6)-* > quot;2quot;*)6) *$6$>, , *,3<) 2-:$/6,;27 $ 3,<.$6 *$6). @-2'( quot;#2quot;3, /,quot;#$%,9,)*quot;+ 3-$#3, [Scan Folder…], $*3/0>,7A,+ quot;*,-.,/*-01 .2,%$9 >04$/, #,#32. Можно подробить документ на части: вместо одной B#2quot;$3 2quot;*$8-23$> >0>$.2*quot;+ «')4/$1» .%+ $4%)98)-2+ >$quot;#/2+*2+. C%+ 3,<.$9$ 2quot;*$8-23, $*$4/,<,)*quot;+: • 23$-3, *$6, (32x32 px, 2quot;#$%&'()*quot;+ ,3*(,%&-$) 2'$4/,<)-2)) • 26+ большой проблемы получим кучу маленьких • 4%$3 Capacity/Used/Free • 2-.23,*$/ ',#$%-)-2+ • 3-$#3, [Scan], ',#(quot;3,7A,+ #/$;)quot;quot; quot;3,-2/$>,-2+ $#/).)%)--$9$ 2quot;*$8-23, !-.23,*$/ ',#$%-)-2+ $*$4/,<,)* quot;*)#)-& ',#$%-)-2+ *$6,, .$#$%-2*)%&-$ 3$.2/(+ D*( 2-:$/6,;27 #/2 #$6$A2 ;>)*$>0= $**)-3$> (hue), #%,>-$ 2'6)-+7A2=quot;+ quot; ')%)-$9$ (6-$9$ 6)quot;*,) .$ 3/,quot;-$9$ (*$6 ',#$%-)-). !'6)-)-2) $**)-3, #/$2quot;=$.2*, -,82-,+quot;& quot; 50% ',#$%-)-2+. 56+(1 @ $3-) 1 :(-)/ -) quot;$.)/<2* -23,32= 3$-*/$%$>.
  • 11. «Большой doc файл» !quot;#$ 1 !%#$&#'( quot;$)*$#(#+' ,-.$/$&$quot; !quot;#$%&'()*quot;+ quot;*,-.,/*-01 *2# $3-,, 4)' *(%4,/,. 5, 6)quot;*) 3-$#32 #)/)3%78)-2+ *(%4,/, /,quot;#$%,9,)6 3-$#3( quot; 2-:$/6,;2)1 $ 4)*,-quot;*,*(quot;). 5,<,*2) -, 3-$#3( ',#(quot;3,)* 6)=,-2'6 #$2quot;3, $4-$>%)-21. 0(#+1-/2#-3 $4/-%+2 ?)-*/,%&-,+ $4%,quot;*& quot;$.)/<2* quot;#2quot;$3 >quot;)= quot;6$-*2/$>,--0= > .,--01 6$6)-* > quot;2quot;*)6) *$6$>, , *,3<) 2-:$/6,;27 $ 3,<.$6 *$6). @-2'( quot;#2quot;3, /,quot;#$%,9,)*quot;+ 3-$#3, [Scan Folder…], $*3/0>,7A,+ quot;*,-.,/*-01 .2,%$9 >04$/, #,#32. B#2quot;$3 2quot;*$8-23$> >0>$.2*quot;+ «')4/$1» .%+ $4%)98)-2+ >$quot;#/2+*2+.
  • 12. Wireframe Может быть самого разного уровня детализации: от карандашного наброска до quot;fake shotquot; Capacity: 115 Gb My Main Mac Drive Used: 25 Gb Scan Free: 90 Gb Capacity: 500 Gb Scan Some FireWire stu! Used: 450 Gb Free: 50 Gb Быстро создается Capacity: 500 Gb Scan Used: 475 Gb Airport shared disk Free: 25 Gb Scan Folder… Быстро изменяется Могут быть самодостаточными В любом случае от вас будут ждать «красивой картинки»
  • 13. Wireframe Capacity: 115 Gb My Main Mac Drive Used: 25 Gb Scan Free: 90 Gb Capacity: 500 Gb Scan Some FireWire stu! Used: 450 Gb Free: 50 Gb Capacity: 500 Gb Scan Used: 475 Gb Airport shared disk Free: 25 Gb Scan Folder…
  • 14. Прототип Псевдоинтерактивный/интерактивный Видео/анимация, демонстрирующие работу компонента Интерактивность на уровне от «меняются картинки» до «почти так все и будет» Множество достоинств и недостатков, которые надо учитывать Иногда удобно использовать для демонстрации своего видения продукта или юзабилити-тестирования В некоторых случаях способен заменить документацию На создание качественного прототипа требуется масса ресурсов Иллюзия интерактивности не всегда идет на пользу
  • 15. Design description document Один документ для всех !quot;#$% 1 !quot;#$%&'(#) Разбиение на страницы-карточки позволяет — & '()quot;* Capacity/Used/ Free +%$,*%-. /*%0#1203. )0%)3-0*(4%) 0),quot;- — %*5#)+#$,%)304 6)%$ — разделять информацию, предназначенную для 95%, +%$,*%-. 5#)+#$,%)30- 6.'17$8 /)()1/ 9.):. ;+$ 'quot;$'. 3:,:3(.)/# &$(quot;*4 -*$/'( 7(. «+*'#8» '*#103. -+ *9%*3quot;.%$8. BWToolkit — )quot;%) #$30*0 &*#0-quot;$(4%) 7) quot;#$. 9quot;#$%$, 7$(4:* разных групп )0)'#$;$*< HUD 3quot;#)(( ?%*-'$ %(5(quot;( /'(%$+*3(%$#. (Blueprint) @%$A$$+1B) -+*A.// /'(%$+*3(%$# /**)3.)/)31B7.4* — 5#):()* 5)();*%-* )quot;%$ $/)*5%$'(, -+*$/=*&$) -.+.=*& %( 3)*+*8 >'+(%. %* +$5)<-%$*<, 5#- +$513quot;* quot;$;78= #$+ /*%0#1*< )quot;%) — -+<*#*%-. 30*5*%- +$5)(%*%-. 7-3quot;)& 5#)-3>)7-0 & #*$(4%)< Вайрфрейм — основа документа &#*<*%-, 0$quot; ;* )03(*;-&$*< <)%0-#)&$%-* - 17$(*%-* 7-3quot;)& -+ 3-30*<8 !quot;# $%&$'()*+( ,(-*quot;%.%$# $/-*quot;0,1.2 '*&$+*3(%$. hue 3 &$(-(,*%. *) ,.quot;.%*4* &* '+(/%*4*. <)(%&(+)%:8 &$(quot;*4 &quot;# 3:9*+( Hue %(5$%(.) $,2.%#.)/#, %(5$%(# / -(-'$. ;*/quot;. 3:9*+( /+(,1 1+*3%# ,(-*quot;%.%$# 50%. Нельзя ответить на все вопросы, но можно -+*$/=*&$) -.+.=*& %( 2 >'+(%. предугадать основные 13 !quot;#$%&' 2009().
  • 16. Design description document !quot;#$% 1 !quot;#$%&'(#) — & '()quot;* Capacity/Used/ Free +%$,*%-. /*%0#1203. )0%)3-0*(4%) 0),quot;- — %*5#)+#$,%)304 6)%$ — 95%, +%$,*%-. 5#)+#$,%)30- 6.'17$8 /)()1/ 9.):. ;+$ 'quot;$'. 3:,:3(.)/# &$(quot;*4 -*$/'( 7(. «+*'#8» '*#103. -+ *9%*3quot;.%$8. BWToolkit — )quot;%) #$30*0 &*#0-quot;$(4%) 7) quot;#$. 9quot;#$%$, 7$(4:* )0)'#$;$*< HUD 3quot;#)(( ?%*-'$ %(5(quot;( /'(%$+*3(%$#. (Blueprint) @%$A$$+1B) -+*A.// /'(%$+*3(%$# /**)3.)/)31B7.4* — 5#):()* 5)();*%-* )quot;%$ $/)*5%$'(, -+*$/=*&$) -.+.=*& %( 3)*+*8 >'+(%. %* +$5)<-%$*<, 5#- +$513quot;* quot;$;78= #$+ /*%0#1*< )quot;%) — -+<*#*%-. 30*5*%- +$5)(%*%-. 7-3quot;)& 5#)-3>)7-0 & #*$(4%)< &#*<*%-, 0$quot; ;* )03(*;-&$*< <)%0-#)&$%-* - 17$(*%-* 7-3quot;)& -+ 3-30*<8 !quot;# $%&$'()*+( ,(-*quot;%.%$# $/-*quot;0,1.2 '*&$+*3(%$. hue 3 &$(-(,*%. *) ,.quot;.%*4* &* '+(/%*4*. <)(%&(+)%:8 &$(quot;*4 &quot;# 3:9*+( Hue %(5$%(.) $,2.%#.)/#, %(5$%(# / -(-'$. ;*/quot;. 3:9*+( /+(,1 1+*3%# ,(-*quot;%.%$# 50%. -+*$/=*&$) -.+.=*& %( 2 >'+(%. 13 !quot;#$%&' 2009().
  • 17. Спасибо за внимание Есть вопросы? Задавайте!

×