Right Way to Wireframe
Upcoming SlideShare
Loading in...5
×
 

Right Way to Wireframe

on

  • 8,735 views

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).

Statistics

Views

Total Views
8,735
Views on SlideShare
8,603
Embed Views
132

Actions

Likes
25
Downloads
278
Comments
1

4 Embeds 132

http://www.torresburriel.com 84
http://www.slideshare.net 46
http://static.slidesharecdn.com 1
http://ig.gmodules.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • Just to keep us honest. <br />
  • The point is the tool doesn&#x2019;t matter. <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Right Way to Wireframe Right Way to Wireframe Presentation Transcript

  • the right way to todd zaki warfel | messagefirst
  • no one shows their work.
  • have you ever seen a wireframe from JJG, Peter Morville, or Jared View slide
  • the wireframe vs. prototype debate. choose a side. View slide
  • what’s the best tool?
  • if you’re still arguing about wireframes and prototypes, you are
  • they’re just communication tools.
  • 4 designers. 1 problem.
  • oh, and 2 caveats.
  • no talking.
  • everyone uses a different tool.
  • meet tori tuncan and lend4health.com.
  • show your work.
  • nut up or shut up.
  • under the covers. @zakiwarfel
  • it always begins with research.
  • tell the story through personas.
  • !"#$%&'()*'(+,-')./'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 !
  • explore concepts through sketching.
  • SKETCHING
  • PITCH & CRITIQUE
  • CRITIQUE
  • from sketching straight to prototyping in html.
  • @zakiwarfe l buy the book bit.ly/ protobk