Your SlideShare is downloading. ×
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
Right Way to Wireframe
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

Right Way to Wireframe

7,098

Published on

Slides from our rockin' presentation w/@zakiwarfel and @russ on the Right Way to Wireframe (first session).

Slides from our rockin' presentation w/@zakiwarfel and @russ on the Right Way to Wireframe (first session).

Published in: Design
1 Comment
25 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,098
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
279
Comments
1
Likes
25
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









  • Just to keep us honest.
  • The point is the tool doesn’t matter.














  • Transcript

    • 1. the right way to todd zaki warfel | messagefirst
    • 2. no one shows their work.
    • 3. have you ever seen a wireframe from JJG, Peter Morville, or Jared
    • 4. the wireframe vs. prototype debate. choose a side.
    • 5. what’s the best tool?
    • 6. if you’re still arguing about wireframes and prototypes, you are
    • 7. they’re just communication tools.
    • 8. 4 designers. 1 problem.
    • 9. oh, and 2 caveats.
    • 10. no talking.
    • 11. everyone uses a different tool.
    • 12. meet tori tuncan and lend4health.com.
    • 13. show your work.
    • 14. nut up or shut up.
    • 15. under the covers. @zakiwarfel
    • 16. it always begins with research.
    • 17. tell the story through personas.
    • 18. !"#$%&'()*'(+,-')./'0$ Nicole “FootPrints works but I get tired of 5 5 setting things like the date every time. Can’t they have defaults?” 4 4 3 3 "#$%&'()%*+,()#-.(/(-'/0(%1(-)%(%-.'*(,'*2#$'(/3'4-,(-%(0/4/3'(/5%6-(/(.647*'7( -#$+'-,(/(7/89(:5%6-(./&1(%1(-.','($%0'(#4(-.*%63.(-.'()'5(1%*0,9(;.'(*',-(/*'(-#$+< 2 2 '-,($*'/-'7(1*%0(=.%4'($/&&,(/47('0/#&,9(>%%-?*#4-,(./,(0/7'(#-('/,#'*(-%(0/4/3'( -#$+'-,@(56-('4-'*#43(-#$+'-,($/4(,-#&&(5'(/(=/#49(;.'*'A,(/(&%-(%1(B'&7,(/47(,.'(-8=#$/&&8( %4&8(7'/&,()#-.(C<!(%1(-.'09( 1 1 D.'(&#+',(-.'(0%*'('1B$#'4-(&%%+(%1(-.'(4')(-/55'7(#4-'*1/$'@(56-(3'-,($%416,'7( ).'4(-.'(-/5,(E60=(/*%6479(D.'(/&,%(,-*633&',()#-.(,%0'(%1(-.'(=6&&7%)4(0'46,( Knowledge Activities and Interest -./-(./2'(&%-,(%1(%=-#%4,(-%($.%%,'9(D.'(E%-,(4%-',(%4(=/='*@(5'$/6,'(-./-A,(1/,-'*( Knowledge Activities and Interest pe e r pe e r ow e e el ps Re ng ion ow e e in l dg ch Ti epo e t sig Cre g Pr a T t Pr t S t ec tup in el ps Re ing tion l dg h Ti epo e t sig Cre g g ket t tA p ai ai -./4(E6,-('4-'*#43(-.'0(#4-%(-.'(,8,-'09( se se Es ing icke e e Es ing icke oj icke nc nc Ex dg Ex dg Kn dg s Kn dg s le arc n et rtin u te Exc te Exc dm dm ck oj ick Ba Ba Em Em Ap Ap ar rti et ow ow c at e rie rie le le gy wle gy wle a la a Ti la a Ti ow Se ow Se Pr t S aT aT aT e e tA al al Br Br ec ec rn rn o o ec g "#$%&'(3'-,(1*6,-*/-'7().'4(-.'(,/0'(='%=&'($/&&(5/$+('2'*8()''+@(/47(,.'()#,.',( eb eb no Kn no Kn R R le As et tin tin oj oj ni ck ck W W lv n lv Pr In In in in so so -./-(-.'*'()/,(/4('/,#'*()/8(-%(./47&'(-.'09(;.'8(-*#'7(=6--#43('F-*/()%*+(#4-%(-.'( Te ma Te ma ca ca Kn Kn lo lo As Do Do G4%)&'73'(H/,'(56-(.'*($6,-%0'*,()%4A-(6,'(#-(5'$/6,'(-.'8(-.#4+(#-(#,(-%%(,&%)9 ch ch I.'4(-.#43,(3'-(.'$-#$(/-(-.'(J'&=(K',+@("#$%&'()/4-,(-%(0/+'(,6*'(-./-(,.'($/4( Lifecycle +''=(-*/$+(%1(/&&(%1(-.'(-#$+'-,(/,,#34'7(-%(.'*()#-.%6-(./2#43(-%(.64-(-.'0(7%)4@( Lifecycle Jan Jul Dec Month *#3.-(4%)(>%%-?*#4-,(7%',4A-(.'&=(.'*(/-(/&&@(#-(E6,-(&#,-,(-.'09(D.'(-.#4+,(#-()%6&7(5'( Jan Jul Dec Month 3*'/-(-%(/77(,%0'-.#43(-%(.'&=(.'*(3'-(.'*(E%5(7%4'('/,#'*(-.#,()/89 1.0 Irregular Customer 2.0 Agent 1'2)!34(4-$'(,#$,-# 7%48# :0;"'0-'(# >("#$(4$,%0#)?)@4,0)@%,0$# L( M'05'*(%1(,6==%*-(,-/119 L( ?*%2#7'(R6/&#-8(,6==%*-9 L( ;#0' L( O'='-#-#%4(%1()%*+().'4($*'/-#43W'7#-#43(-#$+'-,9 L( J/,($6,-%0'*($%4-/$-(%4(/(*'36&/*(5/,#,9 L( M''-(.'*(DS:(3%/&,9 L( N11%*- L( X-.'*(='%=&'()%*+#43(%4(08(-#$+'-,9 L( N4-'*,(-#$+'-,(1*%0($6,-%0'*($%4-/$-(2#/(=.%4'(%*( L( N4-'*(-#$+'-(7/-/(1/,-'*9 L( O'='-#-#%4 L( M#,,#43(/4(#0=%*-/4-(4%-#$'(%4(/(-#$+'-9 '0/#&9 L( M/4/3'(.'*(-#$+'-,9 L( V6,-%0'*(D/-#,1/$-#%4( L( M#,,#43(DS:,(76'(-%(64#4-'4-#%4/&&8(.#7#43(/(=#'$'(%1( L( :,,#34,(-#$+'-,(-%(%-.'*(0'05'*,9 #0=%*-/4-(#41%(#4(-.'(-#$+'-(R6'6'9 L( O',%&2',(&%)<&'2'&(#,,6',9( L( "%-(5'#43(/5&'(-%('4-'*(-#$+'-,(R6#$+&8('4%63.(/47( 9"'#$,%0# <$3'().==8,-4$,%0# ./2#43(-%(-/+'(4%-',(#4(/(=/='*(E%6*4/&9( L( I.#$.(-#$+'-,(4''7(08(/--'4-#%4(4%)T( L( I'5(5*%),'* 5'#,/0)!%0#,6'(4$,%0# L( J/2'(-.'*'(5''4(/48(6=7/-',(-%(08(-#$+'-,T L( N0/#& L( :77(/4(#,,6'(-%(-.'(G4%)&'73'(H/,'(PGHQ9 L( :*'(-.'*'('/,#'*()/8,(-%(3'-(-.#,(7%4'T L( U4-'*4/&(:==&#$/-#%4, L( O'R6',-(GH(6=7/-'(5/,'7(%4(#,,6'9 L( I./-(-#$+'-()/,(-.'(%4'(U(4''7'7(-%(B47T L( >%%-?*#4-, L( S#2'(,'/*$.(%1(GH().#&'()%*+#43(%4(-#$+'-9( L( J%)($/4()'(3'-(-.#,(*',%&2'7(1/,-'*T L( ?/*/0'-*#$(4/2#3/-#%4(1%*(GH9 L( K#7(U(B&&(#4(/&&(-.'(B'&7,(U(4''7(-%T !
    • 19. explore concepts through sketching.
    • 20. SKETCHING
    • 21. PITCH & CRITIQUE
    • 22. CRITIQUE
    • 23. from sketching straight to prototyping in html.
    • 24. @zakiwarfe l buy the book bit.ly/ protobk

    ×