IJLNHTUVPSMWOXRKGQYZReduction of Cognitive Workload on Drawing Editor

E[\bh `lmnr tDv ^]Cp3
Current computer-assisted drawing editors have sucientcapabilities to draw gures with required precision of a user. However, it takes much time to draw intended gures. First, we analyze
the operations of conventional drawing systems using the verbal protocol method and the video records. The experiments have resulted
that there exists the cognitive processing in traditional drawing editor. We propose a new drawing editor which reducts the cognitive
workload. This system is an interactive beauti cation system, which
extracts various constraints from input strokes, and generates desired
diagrams automatically. The user has only to select from multiple candidates, which frees users of the cognitive processing. Results show that
our method can reduce cognitive workload and improve the eciencyof drawing editor.
Summary.

ÊÃÌÈÒðÝ -Sg( @ CAD ¯/½5(°³ÁÒïc3.§ùÚx) @¾ idraw ; MacDraw ,+.P:A-87A@¾A>.P-=%(½R>;¼¢Dn "*H5(Eÿ6)*,DP*<1-,%"¾½6ï.Pÿ6/z.ä-H5(\ì,ÿ6%( @.Ò) ?½6-Ë@PÑ.= -0Cu,7vD6Ò@.-Ks¥@* @¾=?ÙU,PDá "9. ¨ºÁ*(½<1DÝ;
"?½=?æ.g;­ºDP@= -"?½Ùñr£Dqn"`{Dá%"?½Z÷ª¼Dqn@,+.iáCA( @¾½ .6*E+OØU,<1.#Ô-*+7%(?½P?T-ûð@fî-é@ÿIU,àñ/ 7?áCA(,%"¾)½À/P.þ&9]U,fîXDb>-@"9-½3§¨º¸d [2] -=@P?T.ÿIU!È [1] Dû8"¾]ß.Ó5)/½P"$DP.<1-]2@?T,C$¨¶¼¼-æ.ÿ6%(@*D6Ï.=*(S1@¾ .Ð2*(/½P.<1*./e-, ûUOÒ) @"9ÿIU-T>ì *à>A@¾y}! |$ §$­y}!
¬|$ §¬­y}¬~! §¬|$ ²¸$­y}¬
1

3

Sachiko Kawachiya,, Takeo Igarashi,, Satoshi Matsuoka,, Hidehiko Tanaka,WISS'96

(a)

ç

1.

¿©ö0éò(b)0-À/¨¶¼¼?TDPTD@= ,½ ¨ºÁDS'@¾tèU-/½´ÁP" $D@*½¯p.P
<1*(þ%( @]2D×8äC½à>A@y]2Ø`D visible -O1@¾.c3-=A0½´Á/S1A@Ø`>eU.yDPËÒ
3#)=½ú+U°Á>Ùñ4.]2>!bA@¾]ß.Õ5)/½.= , ¨ºÁ*½ A-9' ".é§Uy¯.6ÜD@¾
,½]ß)é*@y.¶/¤ ¶¦y) ?½;½HU,*DohA@ CAD d/é*, ¾ªwÉq¨¯¸µÊÇÅi©ÂÁÁÍÉÁ·)/:ä.§ùÚxP.fîXD6Ï-=?b>-@¾2ºÁÉËÏÉË¿ÀÐ
 1.= , 2 &.$D½§ùÚxP.K)Ý -qnA(@ MAC .P CANVAS (MacDraw .â<17) Dn (IÏ -P(:> ¾IÏ /PD 3 0(qn( @ 14 a¾ >9 CANVAS .<1-& (ÎbDá ¾PK-Ùñ+D3§(:> ½ .m÷D¤-¦(ZÈ@¾ÏÉËÔAÐ
(ÔA 1) ×âÎÝá½ã
¦"¤D:*-½ñmÕè. $_ç-%"ñm+.> @.DNé"¾)½ %"EP "õC-}(7%"UZDP.-%"ÿ
6DÄûáðÖ.ÿ6Å*=3*-@¾ .=D 2-1¾ 2(a) /)IÏ
*.=)½ Subject . 1 Ã 14 / 1(a) .ä½ 15 Ã 28 / 1(b) .ä)@¾ 2(b) / 2(a) .[p) @¾IÏ =2)Pñm-=%(½0>&ì ½wÚ*(½ 2 Ã 3 0.ÿ6=*(_ç-,@ñm-J;A( @¾(ÔA 2) âÎÖáÂã
)P?T- (½
2.1

Reduction of Cognitive Workload on Drawing Editor

®¯­­

®­­­

ÔÞðñâãòéÌíâïÞñæìëð
ÓÞéæáÌíâïÞñæìëð

Ñæêâ¥Ðâà¦

µ­­

³­­

±­­

¯­­

­

®

(a)

¯

°

±

²

³

´

µ

¶ ®­ ®® ®¯ ®° ®± ®² ®³ ®´ ®µ ®¶ ¯­ ¯® ¯¯ ¯° ¯± ¯² ¯³ ¯´ ¯µÐòßçâàñð

©À¥£ ¶ ³
(1

14

¶ ³
ç º®·ª÷»

1(a),1528

1(b))(b) 14

ý÷¤

2.

®±­
®¯­

ç

3.



1(a)

ý÷¤

÷´ÊÂËÒËÌË(a) 14ÌíâïÞñæìëÌ¿ÇìãÌíâïÞñæìëð

®­ª

¶

´

²

°

®

®­­
µ­
³­
±­
¯­
­

Ñæêâ¥Ðâà¦

±èòù÷»£µ µñû (b) 1(MENU)

(OBJ)

(NON)

 MENU: °³Á>­¼DÒE) @ÿ6
 OBJ: §DPËÙñ( @yPÿ6 (y.2J½.ö,+) NON: ?('.ÿ6.ÿ6D|ß"¾ 1(a) .$DP "ä-& (. 14 a.[pD 3(a) -1¾;:( , ÿ6 (NON) ,?O *C@¾7"½3§ûl>°³Á
Òïÿ6;yPÿ6.6):0.ñm,,9>A-c%( @ÿ6O*:C%"¾
0- 1(a) .ä.Õ1.ÁD½°³ÁÒïÂyPÂ A('. 3 & ( 1 Ùñ*-@ÿ6DZÈ". 3(b) ) @¾ 1 Ùñ- 8 Q(@ä,?äð@*C@¾ÏÍÅÐ
ú-o,fîX*(½0.X >A@¾ eU.$DP"9-P.<1D+ õ *æ.ÿ6Do( @¾ÐDà@.-½

WISS'96

YUÙñÿ6 (Sec)

4.0
3.0
2.0
22.5% 30.9% 45.1%
17.6% 26.7% 41.5%

Table 1.

 1(a)
 1(b)
éîóì÷¢3±»÷#1.üÿëò»÷{/3±»

 7$%"ÐDn ( @*-='7)-æ.ÿ6@¾¢0 1(a) .Ä8d*YèÅ.$DPä½8d.ó,yD 3 &.ÑZ*(P½0-OcyDP ("W½8d-Ë@= -.ö@* Pc @¾
.ä½"W.[äC-8d.w*Ocy.wDäC>A, ä@½.= ,ÿ-äC, j-C>½0>ûáðÖD&'@*æ ¾7"½·Dqn@ä-/½ >9 7 = -D
(>P,A0,>½ ."9-ÿ6%(7 ¾
2.2  "»B+ÓÆ?.6Ï)½ÐDà@"9.ÿIUT>ì *b>-,%"¾ÐD
à@"9.ÿIU,T>.ÿ6/½M:?.Ä°³ÁÒï):yP):, ÿ6Å5() @*/ , ¾f-°³ÁÒï;yP.ÿ6.K-:Ð."9.ÿIUT>ÿ687A@) B ¾*,ÿIUT>ÿ6D|ô@*/ü ½ @T[.WD:%(|ôD@*/<1) @¾ ."9-½À/ÐDMo*, )6ÏD½ .èZD*@6ÏD"¾IÏ - 4(a) .
= ,ö, 5 &P (:> ½ .Õ)ö,D·Òï(ç46W@ñmDç.ö,>vF-á%(:>%"¾"#½Pcd=2^cd/ >9Õ
UÎb"¾ö,Dç46W(:y/]:, ½°³ÁÒï-=@^ñm.0¢*(á%"¾=/ 4(b) .= -,%"¾ 3(b) -H5( 1 ñm "?.
ÿ6/ 4 Q(û-,%( @¾. 1 ñm "?.ÿ6DYUñmÿ6*à½ÓÍ
).6Ï).ñmÿ6>1*-=%(½ÿIUñmÿ6D|ôA0= ¾"#
½ñmÿ6/ñ@y.¡;ñm.Ôè,+-*ä@*Dà½ @T[.WD:"(|ô@¾ÿIUÙñ.ÿ6 = P(max(0 ( )0threshold)) 2 Õ¨ [3.1]
;t k

"#½

k

¨ -J;A"ÿ6,YUÙñ-Mo,ÿ6
3 1 . threshold *(½ 2,3,4 QD A!Aëý(ÿIUT>.ÿ6D|ô".O 1) @¾ÿIUñm-J;A@ÿ6/½/5U-"ä):Õè. 17
Ã 20 % ½G5U-"ä-/Õè. 41 Ã 45 % :Ï9@*C@¾
2.3 ºÁ*ÇÄ%$$-57(.= -ÿIUT>ì,@fî.Ð2*(à>A@./½ visibility .
~þ) @¾,C$½z.)/P ":. .77y a) %(½3A( )=threshold =t kkReduction of Cognitive Workload on Drawing Editor

±­

°­
¯²
¯­
®²
®­

ìãÌíâïÞñæìëð

°²

²

ËÌË

­

Ì¿Ç

ÌíâïÞñæìë

(a)¿©ö0éò

(b) 1

ç

4.

ÊÂËÒ

²

±

°

¯

®

Ñæêâ¥Ðâà¦

±èòù÷»£÷õé÷¿©

"ÞÞ, [8]¾A-é(p.P)/½e-( @ÞÞ*/\-½Ñ¿6¿ry* = ,¨·®§;X7¿"W* = ,^<1.×8äC*(.ûUOÒ ?½Ùñ-ï(/OØ.ÞÞ*/\- .ûUÞÞD°Á,(/,>, ¾e-@yOÒ.&Ø*P.ûUÞÞ)@Ùñ­¼.&Ø*.6.]2ü "9½æ.ÿ6Do@*à>A@¾
À/.]2."9-Mo,ÐD¨¶¼¼*=3*-@¾
3 q¨¬°«®Éue³°µ3.1 àÜá+ä6
ÓÍ.6Ï=>p.PDn "ä.w.A*( 5.= ,±¸à>A@¾P)Pä½P" $ (i) .°Á>P.¨·®§;^<1.­¼¤ (ii) 4]2@"9.¨¶¼¼ (A)áCA@¾­¼¤ (ii) /.Ùñ (B) D(K6y (iii) ;½Py (iv) 4*]2A@¾K6y*Py.6)/)JäC,+.d.LN (C) .? @¾Ùñ (A)(B) ; (ii) .Á/½OØU,y*/9"LU,&Ø.K- ?½P" $ (i) ;K6y (iii)½Py (iv)*d.N (C) /tèU,yOÒ) @¾>- (iv) > (i) 4.¦Á¡áCA½é§U-A@¾
3.2 Ê8+ÕÞâÎÚ*&#'p.P-7@iD?.±¸)Îb@¾<1DÝ;"?½=?
æ.g;­ºDP@= -@ ¨ºÁ [4][5] / (C) .ñmD,.
[Dâ= * :.) @½=*( (ii) - "@?ã¹©¸Dk@"9.¨¶¼¼.ÿ6 (A) DO(7 :.* @¾>-.cd)/+
"yDgà-=%(ø@*ü½ûáðÖ-ÿ6D*>A@* fî: @¾Ùñr£Dqn"`{½ C<@ PBE . Mondrian[10] ; Metamouse[11]/ (B) ; (C) ).Cuñm.6V"DÑ> * û8) @½ìx.ñm.
"9.¨¶¼¼D,*/), ¾ [3] ô &.Z÷ª¼Dqn"P¯.ä½ MacDraw .= ,°³Ác3*/OØ.Ùñcd-,@½

WISS'96ç

5.

5 29÷± 

6ï-²Á-=%(ýA@:./°³Ác3*÷0) ?½77,
gD8"yDP"9-/Q.P*÷m,Ùñ (A)(B) Dõ Mo
 @¾7"½y.y¯:S'A( @ [7] ½A>.¯.eU/9]U-)JäC½,C$ (C) .ñmD,#.:.) ?½Ùñ.ÞÞ2
è/ 7?]C%( , * @¾
7"½ìq)/ÙU,PvDl/@*-=?½ (B) .ñm"DÑ>@* i [9] : @¾ÙU,Pv*/,C$¨¶¼¼-6,>, ¾&7?.i/Ä¨¶¼¼Å.äðD'@i* @¾½
. ¨ºÁ/­º:A"ñm.¨¶¼¼.TD/}Ñ)@½ ñm)/TD/Ñ>, ¾(.= -p. ¨ºÁ/5(½9]U,¨¶¼¼/6á ½|
ô</¨¶¼¼-9' "ñm.`{D@* :.) @* @¾½
ÓÍ.6Ï):b>,= -½6ï-/¨¶¼¼@UZ (A)  :%*:ÿ
6.@UZ) ?½.UZD,* ]5U,fî.!-,@*à>A@¾5å")ºÁØÙÛß(,(.= ,6Ï==2S'"±¸>½PñmDæ]U-#Ô@"9Mo,o/0.= -7*9>A@¾ÄP-@¨¶¼¼=2ûáðÖ.ÿ6DÑ>"9-½Dø@cd2b) ?½Xò,Ùñ.Mo, = -@¾Å
A/7"½Ä 5.±¸-@LU,Ùñ­¼.&Ø (A)(B)(ii) >´ÁD!b@¾Å*:Ó @*)@¾

3.3

Reduction of Cognitive Workload on Drawing Editor¯{²¨¾÷°0
4 ²´¶±¶­i©Îf_ÄÍq¨¬°«®
(.= ,6Ï=2àñD:*-½Äñm.Ù.%.Ð2) @LUÙñÅ-Ûó@UZD!}½tèU,y.8D& *-=%(PD9@½
¨.P¯DS'@¾
7½tèU,,y.8D&@= -½zDín@¾"#½
A7).ÿ4{P.= -½^ÿ-/ MacDraw *÷= ,cdD*@.)/LUñmMo-,%(7 ¾ )ÿ4=*(½×X.w
;é* %"^7)á%":.D0LUñm/,,@¾½+.=,^´Á.+D4G@./K-ü ¾ )À/<1,ÿ4=D
5(S1´ÁADÒïA0= *à@¾Apple 9.£³Á­¼¿¼¦Á¿¶¼-=A0½ GUI .= -õn<1,Ùñ5(S1A(ADÒï@= ,ëÿ¿Òïc3/½­¼¶
¼>.ý.= -6.?8Dë( aDø@ë¿ýc3=?:hA"¼¦Á) @ [12]¾À.S'/.= ,ëÿ¿Òïc3DP.
¼¦Á-ín@:.*: @¾
tèU,¼¶µ¼DÎb@¾7´Á/P" $.(yD-¦·ÁºÁ)PËP¾0-¯/]pP<1*(þ%( "]2D×8äC½à>A@y]2Ø`Dd-O1@¾¢0 7(a)) A = ,PA"ä½<1. @y=*( B .= ,Ø`D
S1@¾¦¸.Ø`)^à,ä/ .77ñmD&'½=-ý>, ä-/ .å.Ø`DÒ3*-,@½5(.Ø`/d-e-@y)O1
A( @.)´Á/ .K>Ò3#)= ¾Ø`/Û,y-%*.)
@¶Á.Ùñ)Ò3cdDín" ( 7(b))¾6-Ø`D-Òï@cd:à>A@½ Ë@Ø`.ÒïDl,-@"9-¶ÁDn @cdDÒE#¾(.= ,Ø`DÒï@cd-=?½´Á/ûU).OÒ;LU,Ù
ñD& *,½e-@y#D& ,>PD9@*)@¾
p.ª¼-=@y¯ (Apple Newton, GO Penpoint, .å
ø9P¦.y<1) *-,@X/½FX.Ëâ;64.]2* %"4C)nyU,w#),[á;é½y.¡ü* %"Xò)Ý ,g9'wDá X) @¾.â0.g.qn-=%(¨¶¼¼.6D~
&&*,DÚP*)@= -,@¾¢0½é,yDPäç6.

WISS'96

A) User draws an approximate
shape with a free stroke.
B) System generates multiple
candidates based on theextracted constraints.
C) User selects the desired
diagram among the displayed
candidates.
(a)¡÷«¦÷2¼ôç

7.

3967÷ þ(b)z3öïú83 ´÷10/½p/X7Æ6WÆ.ö* = ,X.ÙñDáC,A0,>,%"½]¯)/é,y2öU-A@.)½´Á/î,ñm-*>CA½y.¼-K@*)@¾
4.1 ¼:+<ÒÌ¾+=;(!È(.= ,¯D6Ò= *"ä½fî*,@./½y=.R*6
) @¾,C$½77,gDà@=½`t"g((yy-æA@ä ?½7"½y=.Ô%.4G/:*:* 5U,:.) @"9- 100% .ÿ4/ ?, >) @¾.fîD!@"9-½]¯)/X.ÿ4Ø`Dg.×8-=?2ö½ .K>é§UìV,DÒï@cdD*%( @¾XØ`.U)/½7½ýºÁ*)-PA( @y*.7v
DN5(½I+UgD8&.g (g&Ø) *(*?#¾.*½"9-b>,gDk½2b), gD ÌR@¾0-½.g&ØDkv-! (í0Ø`D@¾.Õ½^"A,%"gDk(!P*Du?_( &.Ø`D@¾
A"Ø`/d-S1A½í0Ø`;eA"ä-¶Á-=%( .)Òï)@= -@¾.ÿ½´Á-é( A!A.Ø`+.=,gD^"( @. (+.UZ*P)+.UZ*Ë( @½,+) 
d-O1A@.)½ÖÚ*6-ñmD9@*)@¾í0Ø`/Ê½ A('.Ø`/Ç½í0Ø`-õCA"g.S1/½* = ,CS1:á%(@¾¢0½ @Ñ 1 DP "ÿ-½ A(Ó-P "\.Ñ 2 *P,Ø`DS
1@ä/½ 2 *,?½>-PD1.ý­Á 1 * 2 .×XO1A@¾
4.2 ÉæÃÑ(¹@-5"¼¶µ¼Dín"¨º¨¯ GIGA (Graphics with
Interactive Geometrical Assistance) / Windows . Visual Basic )%3A(?½Òð½âá:."9- Visual C++ -.áK) @¾
g*(/½FXËâD/9*([á;P½ xy êN.ã½é;¡ü,+D)-6Ü( @¾y=Dø@7).67ÿ6/½ 9T[.) 1
l

l

l

l

l

±­­
°²­

ÍïìñìñöíâÐöðñâê
ÀÞëóÞð

®

(a)

¯

°

±

²

³

©À¥÷

´

µ

ÌíâïÞñæìë

ô÷
 9378 

CANVASç8.

(b) (a)

®

¯

°

±

²

³

®±

´

®¯ ®°
¶ ®­ ®®

Ðòßçâàñð

µËÌËÐÑÏÌÈÂ
ÐÂÉÂÀÑ

­

¶

®­­
²­

®­ª

¯­­
®²­

Ñæêâ¥Ðâà¦

°­­
¯²­

µ­
´­
³­
²­
±­
°­
¯­
®­
­

ìãÌíâïÞñæìëð

Reduction of Cognitive Workload on Drawing EditorÑæêâ¥Ðâà¦÷¤
±èòù÷»£÷±£ 4810
(c) 1

GIGA

(

)

YUÙñÿ6 (Sec)

4.0
3.0
2.0
11.8% 19.3% 34.3%

 1(a)
 9378

Table 2.

GIGA÷{/3±»

Q(9) ?½é§U,ñm<1) @¾]¯.iÙD*9@"9-½¨º¨¯Dqn(Ó.6
Ï-n " 1(a) .$DIÏ -P@4C,6ÏDá%"¾p.P*H-@"9½ª¼)/,­Dn "¾IÏ A!A-& (. CANVAS* GIGA .Ùñÿ6.H-D 8(a) -1¾[p)H-@* 47 % -7)EA" ( 8(b))¾>-½°³ÁÒïÿ6 (MENU) ÂyPÿ6 (STROKE) Â A('.ÿ6 (NON) . 3 -& (. 1 Ùñ "?.ÿ6 ( 8(c)) : CANVAS .ä( 3) -H5(|, ¾3 1 -s(ÿIUñmÿ6D|ô"*B½O 2.= ,%"¾O 1*H5(:ÿIUñmÿ6/EA"¾
7"½3§ûl,+>½:ä.).6Ï)8>A"= ,½æ]U-Ö%( @Ùñ-='_ç,ûáðÖDu?_ÒD@*/,%"¾,½S'"Pd=2¨º¨/½]pý¡-*ä, 0
8U,:.) @½-=@cd/ú-ª¼-=@ý-V( @*à>A@.)½ IBM 9.ª¼¼¥³Á ThinkPad 360P ( 9(a)(b)) =2 XEROX
9.Z÷«»¬Á¯ LiveBoard ( 9(c)) * %"¯):ÉoU-Dá%( @¾
5 ËÆÌÆdaÉFx]ß)/P-@P?T.ZÈDQ(p.P¯.fîXD
b>-½>-.fîD!@¯DS'"¾ (½-=@P5U,P½I+Ug.ÿ4½é§U,ÿ4Ø`.ÒïDM*"½y
cd*¨º¨¯ GIGA D"¾p.P)/P" $D.<1.×ä4*]2@"9.¨¶¼¼ÿ6Dæo( "½]¯)/]2Ø`A@"9½¨¶¼¼ÿ6DìòÑ)½7"q

WISS'96(a)½÷õêðí
ç

(b)

9.

"¿©0 9378 

GIGA

(c)

öøú

4¹3 ´10ncd.ø:4C) @¾
åÕ/½>-hA"I+Ugÿ4;]2Ø`S1.¼¶µ¼Dõ" ¾7"½Z÷«»¬ÁDqn" B¯; CAI 4.7n:à" ¾
kj ]i.6Ü- "?½ XEROX 9. Liveboard Dê(#%"z>Aì.3j a.U.ùY5Ül-1 @¾gcso[1] Jakob, N., \Usability Engineering", Academic Press, 1993.
[2] Ericcson,K.A., Simon,H.A., "Protocol Analysis: Verbal Reports as a Data", MIT
Press.
[3] Apte,A., Kimura,D., \A Comparison Study of the Pen and the Mouse in Editing
Graphic Diagrams", Proc. of Visual Languages '93, pp. 352{357, 1993.
[4] Bier,E.A., Stone,M.C., \Snap Dragging", Computer Graphics, Vol.20, No.4, pp. 233{
240, 1986.
[5] Borning,A., \The Programming Language Aspects of ThingLab, A ConstraintOriented Simulation Laboratory", ACM Trans. on Program. Lang. Syst., Vol.3, No.4,
pp.353{387, 1981.
[6] Nelson,G., \Juno, A Constraint-based Graphics System", Computer Graphics, Vol.19,
No.3, pp. 235{243, 1985.
[7] Pavlidis,T., VanWyk,C.J., \An Automatic Beauti er for Drawings and Illustrations",
Computer Graphics, Vol.19, No.3, Proc. of SIGGRAPH '85, pp. 225{234, 1985.
[8] Saund,E., Moran,T.P., \A Perceptually Supported Sketch Editor", Proc. of UIST'94,
pp. 175{184, 1994.
[9] Bhavnani,S.K., John,B.E., \Exploring the Unrealized Potential of Computer-Aided
Drafting", Proc. of CHI'96, pp. 332{339, 1996.
[10] Lieberman,H., \Dominoes and Storyboards: Beyond \Icons on Strings"", Proc. of
VL'92, pp. 65{71, 1992.
[11] Maulsby,D.L., Witten,I.H, Kittlitz,K.A., \Metamouse: Specifying Graphical Procedures by Example", Computer Graphics, Vol.23, No.3, pp.127{136, 1989.
[12] \Macintosh Human Interface Guidelines", Apple Computer, Inc., 1992.