

ÀúÀÚ : Á¦ÀÓ½º Äݹé
james.kalbach@gmail.com
ÀúÀÚ´Â ¹ý·ü°ú ´º½º Á¤º¸¸¦ Á¦°øÇÏ´Â LexisNexisÀÇ ÈÞ¸Õ ÆÑÅÍ ¿£Áö´Ï¾î·Î À¥ ±â¹ÝÀÇ °Ë»ö ¾ÖÇø®ÄÉÀÌ¼Ç ÀÎÅÍÆäÀ̽º¸¦ °³¹ßÇϰí ÀÖ´Ù. ÀÌÀü¿¡´Â µ¶ÀÏ Razorfish ¿¡¼ ÀÎÆ÷¸ÞÀÌ¼Ç ¾ÆÅ°ÅØÃ³ ÆÀÀåÀ¸·Î ÀÏÇß´Ù. ·çÆ®°Ô ´ëÇп¡¼ À½¾Ç ÀÌ·Ð, ÀÛ°î, ¼Áö °úÇÐÀ¸·Î ¹Ú»ç ÇÐÀ§¸¦ ¹Þ¾Ò´Ù.
°æÇè Á¤º¸¿¡ ´ëÇÑ ¼±µÎÀûÀÎ ¿Â¶óÀÎ Àú³ÎÀÎ Boxes and Arrows(www.boxesandarrows.com)ÀÇ ºÎ ÆíÁýÀÚÀÌ´Ù. ¶ÇÇÑ ÀÎÆ÷¸ÞÀÌ¼Ç ¾ÆÅ°ÅØÃ³ ÇùȸÀÇ ÀÚ¹® À§¿øÀ¸·Î ÀÖÀ¸¸ç, À¯·´ ÀÎÆ÷¸ÞÀÌ¼Ç ¾ÆÅ°ÅØÃ³ ÄÁÆÛ·±½º À§¿øÈ¸¸¦ Á¶Á÷ÇÏ¿´´Ù(www.euroia.org).
µ¶ÀÏ ÇԺθ£Å©¿¡¼ ¾Æ³» ³ªÅ»¸®¿Í °í¾çÀÌ ´Ò°ú ÇÔ²² »ì°í ÀÖÀ¸¸ç Áö¿ª ÀçÁî ¾Ç´Ü¿¡¼ º£À̽º¸¦ ¿¬ÁÖÇϰí ÀÖ´Ù. Á÷Á¢ ¾çÁ¶ÇÑ ¸ÆÁÖÀÇ ¿·ÄÇÑ ¾ÖÈ£°¡·Î ¿Â¶óÀÎ ¸ÆÁÖ Ä¿¹Â´ÏƼ(www.ratebeer.com)¿¡ pivo¶ó´Â ¾ÆÀ̵ð·Î Á¤±âÀûÀ¸·Î ±â»ç¸¦ ±â°íÇϰí ÀÖ´Ù.
¿ªÀÚ : ±è¼Ò¿µ
À̸ÞÀÏ: ououmomo@gmail.com, ºí·Î±×: http://blog.naver.com/ououmomo
ÀÌÈ¿©ÀÚ´ëÇб³ ÈÇаú¸¦ °ÅÃÄ ±¹¹Î´ëÇб³ ½Ã°¢µðÀÚÀÎÇаú¸¦ Á¹¾÷ÇÏ¿´´Ù. UI Àü¹® ȸ»ç THE*DNA¿¡¼ PC ¾ÖÇø®ÄÉÀ̼Ç, ¸ð¹ÙÀÏ, DTV, ³»ºñ°ÔÀ̼Ç, Ȩ³×Æ®¿öÅ©, »ýȰ°¡Àü µî ´Ù¾çÇÑ Á¦Ç°°ú ¼ºñ½ºÀÇ UI ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇϸç À¯Àú ÀÎÅÍÆäÀ̽º¿¡ ´ëÇÑ ±íÀÌ ÀÖ´Â ½Ç¹« °æÇèÀ» ½×¾Ò´Ù. ÇöÀç ÄÚ³Å×Å©³î·ÎÁö¿¡¼ Â÷¼¼´ë °Ë»ö ¹× ¹Ìµð¾î ¾î¼Â ¸Å´ÏÁö¸ÕÆ® ºÐ¾ßÀÇ UI ±âȹÀÚ·Î ÀÏÇϰí ÀÖ´Ù.

´åÄÄ ºÕÀÌ ÇÑâÀ̾ú´ø 1998³â¿¡´Â ¾öû³ª°Ô ¸¹Àº À¥ »çÀÌÆ®µéÀÌ °³¹ßµÇ¾ú´Ù. °°Àº ÇØ Ãâ°£µÈ Á¦´ÏÆÛ Ç÷¹¹ÖÀÇ ¡ºÀ¥ ³»ºñ°ÔÀ̼Ç: »ç¿ëÀÚ °æÇè µðÀÚÀÎÇϱâ(Web Navigation: Designing the User Experience)¡»(ÇѺû¹Ìµð¾î, 2000)´Â ¼º°øÀûÀÎ À¥ ³»ºñ°ÔÀ̼ÇÀ» ¸¸µå´Â Å×Å©´ÐÀ» »ç¿ëÀÚ¿¡°Ô ÃÊÁ¡À» ¸ÂÃß¾î ¸íÈ®ÇÏ°Ô ¼³¸íÇÑ Ã¥À¸·Î, ³» »ý°¢¿¡ ¸¹Àº ¿µÇâÀ» ¹ÌÃÆÀ¸¸ç ¹Ù·Î ÀÌ Ã¥ÀÇ ½ÃÃʰ¡ µÇ¾ú´Ù. 1998³â ÀÌÈÄ·Î 10³âÀÌ Áö³ Áö±ÝÀº ¸¹Àº °ÍÀÌ º¯Çß´Ù. ÀÌÁ¦ À¥Àº ÀÏ»óÀûÀÎ »îÀÌ µÇ¾ú´Ù. ¿ì¸®´Â À¥¿¡¼ ´º½º¸¦ Àаí, ÀÏÀÚ¸®¸¦ ¾Ë¾Æº¸°í, ¼îÇÎÀ» Áñ±â°í, ÀüȹøÈ£¸¦ ã°í, ÇÇÀÚ¸¦ ¹è´Þ½Ã۰í, ¿©Çà °èȹÀ» ¼¼¿î´Ù. ¶ÇÇÑ À¥ 2.0 °³³äÀº À¥ÀÇ Á¦ 2¸·À» ¿¾ú´Ù. »ç¿ëÀÚ°¡ »ý¼ºÇÑ ÄÜÅÙÃ÷, »ç¿ëÀÚµé °£ÀÇ Çù¾÷, Ä¿¹Â´ÏƼ µî ÀÏ¹Ý ´ëÁßÀÇ Æø³ÐÀº Âü¿©¿Í ´õºÒ¾î, ¿¡ÀÌÀÛ½º³ª Ç÷º½º¿Í °°Àº »õ·Î¿î ±â¼úµéÀÌ °í±â´ÉÀÇ ¾ÖÇø®ÄÉÀ̼ÇÀÌ ÀÖ´Â ÀÎÅÍ·¢Æ¼ºêÇÑ À¥À» °Ü³ÉÇϰí ÀÖ´Ù. ÀÌó·³ ¸ðµç °ÍµéÀÌ º¯ÇßÀ½¿¡µµ ºÒ±¸Çϰí, ¿©ÀüÈ÷ ÁÁÀº À¥ ³»ºñ°ÔÀ̼ÇÀ» ¸¸µå´Â °ÍÀº ¾î·Á¿î ¹®Á¦ÀÏ »Ó ¾Æ´Ï¶ó ¸¹Àº ¸é¿¡¼ ÈξÀ ´õ º¹ÀâÇØÁ³´Ù. À¥ ºñÁî´Ï½º´Â »ç¶÷µéÀÌ »çÀÌÆ®¿¡¼ Á¦°øÇÏ´Â Á¤º¸¿Í ¼ºñ½º¸¦ °Ë»öÇÏ¿©...´åÄÄ ºÕÀÌ ÇÑâÀ̾ú´ø 1998³â¿¡´Â ¾öû³ª°Ô ¸¹Àº À¥ »çÀÌÆ®µéÀÌ °³¹ßµÇ¾ú´Ù. °°Àº ÇØ Ãâ°£µÈ Á¦´ÏÆÛ Ç÷¹¹ÖÀÇ ¡ºÀ¥ ³»ºñ°ÔÀ̼Ç: »ç¿ëÀÚ °æÇè µðÀÚÀÎÇϱâ(Web Navigation: Designing the User Experience)¡»(ÇѺû¹Ìµð¾î, 2000)´Â ¼º°øÀûÀÎ À¥ ³»ºñ°ÔÀ̼ÇÀ» ¸¸µå´Â Å×Å©´ÐÀ» »ç¿ëÀÚ¿¡°Ô ÃÊÁ¡À» ¸ÂÃß¾î ¸íÈ®ÇÏ°Ô ¼³¸íÇÑ Ã¥À¸·Î, ³» »ý°¢¿¡ ¸¹Àº ¿µÇâÀ» ¹ÌÃÆÀ¸¸ç ¹Ù·Î ÀÌ Ã¥ÀÇ ½ÃÃʰ¡ µÇ¾ú´Ù. 1998³â ÀÌÈÄ·Î 10³âÀÌ Áö³ Áö±ÝÀº ¸¹Àº °ÍÀÌ º¯Çß´Ù. ÀÌÁ¦ À¥Àº ÀÏ»óÀûÀÎ »îÀÌ µÇ¾ú´Ù. ¿ì¸®´Â À¥¿¡¼ ´º½º¸¦ Àаí, ÀÏÀÚ¸®¸¦ ¾Ë¾Æº¸°í, ¼îÇÎÀ» Áñ±â°í, ÀüȹøÈ£¸¦ ã°í, ÇÇÀÚ¸¦ ¹è´Þ½Ã۰í, ¿©Çà °èȹÀ» ¼¼¿î´Ù. ¶ÇÇÑ À¥ 2.0 °³³äÀº À¥ÀÇ Á¦ 2¸·À» ¿¾ú´Ù. »ç¿ëÀÚ°¡ »ý¼ºÇÑ ÄÜÅÙÃ÷, »ç¿ëÀÚµé °£ÀÇ Çù¾÷, Ä¿¹Â´ÏƼ µî ÀÏ¹Ý ´ëÁßÀÇ Æø³ÐÀº Âü¿©¿Í ´õºÒ¾î, ¿¡ÀÌÀÛ½º³ª Ç÷º½º¿Í °°Àº »õ·Î¿î ±â¼úµéÀÌ °í±â´ÉÀÇ ¾ÖÇø®ÄÉÀ̼ÇÀÌ ÀÖ´Â ÀÎÅÍ·¢Æ¼ºêÇÑ À¥À» °Ü³ÉÇϰí ÀÖ´Ù. ÀÌó·³ ¸ðµç °ÍµéÀÌ º¯ÇßÀ½¿¡µµ ºÒ±¸Çϰí, ¿©ÀüÈ÷ ÁÁÀº À¥ ³»ºñ°ÔÀ̼ÇÀ» ¸¸µå´Â °ÍÀº ¾î·Á¿î ¹®Á¦ÀÏ »Ó ¾Æ´Ï¶ó ¸¹Àº ¸é¿¡¼ ÈξÀ ´õ º¹ÀâÇØÁ³´Ù. À¥ ºñÁî´Ï½º´Â »ç¶÷µéÀÌ »çÀÌÆ®¿¡¼ Á¦°øÇÏ´Â Á¤º¸¿Í ¼ºñ½º¸¦ °Ë»öÇÏ¿© Á¢±ÙÇÏ°í »ç¿ëÇÒ °ÍÀ̶ó´Â °¡Á¤À» ÀüÁ¦Çϰí ÀÖ´Ù. µû¶ó¼ À¥ »çÀÌÆ®°¡ ¼º°øÇϱâ À§Çؼ´Â »ç¶÷µéÀÌ È¿°úÀûÀ¸·Î ³»ºñ°ÔÀ̼ÇÀ» ÇÒ ¼ö ÀÖ¾î¾ß¸¸ ÇÑ´Ù. ¾Æ¹«¸® dzºÎÇÑ ÀÎÅÍ·¢Æ¼ºñƼ¸¦ °¡Áø ¸ÚÁø »çÀÌÆ®¶ó ÇÒÁö¶óµµ ³»ºñ°ÔÀ̼ÇÀÌ Á¦´ë·Î µÇÁö ¾Ê´Â´Ù¸é ½ÇÆÐÇÏ°í ¸¸´Ù. ÀÌ Ã¥Àº ³»ºñ°ÔÀÌ¼Ç µðÀÚÀÎÀ̶ó´Â À¥ »çÀÌÆ® °³¹ßÀÇ ±âº»ÀûÀÎ ÁÖÁ¦¿¡ ´ëÇØ »õ·Î¿î °üÁ¡À» Á¦°øÇÑ´Ù. ±×¸®°í ³»ºñ°ÔÀÌ¼Ç µðÀÚÀÎ ¹®Á¦¿¡ Á¢±ÙÇϱâ À§ÇÑ ÅëÂû·Â°ú ½ÇÁúÀûÀÎ Ãæ°í¸¦ ´ã°í ÀÖ´Ù. ¾Õ¼ ¸»ÇßµíÀÌ Ç÷¹¹ÖÀÇ ¡ºÀ¥ ³»ºñ°ÔÀ̼ǡ»¿¡¼ ¿µÇâÀ» ¹Þ¾ÒÁö¸¸, ¿øº»¿¡¼´Â ã¾Æº¼ ¼ö ¾ø´Â ÁÖÁ¦µéÀ» ޱ¸Çϰí Àֱ⠶§¹®¿¡ ¿ÏÀüÈ÷ ÀçÇØ¼®µÇ¾î ´Ù½Ã ¾²¿©Áø °ÍÀ̳ª ´Ù¸§¾ø´Ù.
--- ¼¹® Áß¿¡¼

µðÀÚÀÎÀÌ ÁÁ¾Æµµ À¥ ³»ºñ°ÔÀ̼ÇÀÌ ³ª»Ú¸é ½ÇÆÐÇÒ ¼ö¹Û¿¡ ¾ø´Ù!
À¥ ³»ºñ°ÔÀ̼ÇÀº »ç¶÷µéÀÌ Á¤º¸¸¦ ½±°í ºü¸£°Ô ãÀ» ¼ö ÀÖµµ·Ï °¡À̵带 Á¦°øÇÏ´Â ¹æ¹ýÀÌ´Ù. ÀÌ Ã¥Àº ¹«¼öÈ÷ ¸¹Àº Á¤º¸°¡ ´ã°Ü ÀÖ´Â °Å´ëÇÑ »çÀÌÆ®ÀÇ ³»ºñ°ÔÀÌ¼Ç ½Ã½ºÅÛÀ» µðÀÚÀÎÇÏ´Â µ¥ À¯¿ëÇÏ´Ù. ¹°·Ð ÀÌ·¯ÇÑ ¿øÄ¢°ú Å×Å©´ÐµéÀº ÀÛÀº »çÀÌÆ®¿¡µµ ±×´ë·Î Àû¿ëµÉ ¼ö ÀÖ´Ù. ¶ÇÇÑ °¢ ÀåÀÇ ³¡ºÎºÐ¿¡´Â ÇØ´ç ÄÁ¼ÁÀ» Àû¿ë½ÃÄѺ¼ ¼ö ÀÖ°Ô ½ÇÀü ¹®Á¦°¡ Æ÷ÇԵǾî ÀÖ´Ù.
´ÙÀ½°ú °°Àº ³»¿ëÀ» ´Ù·ç°í ÀÖ´Ù.
_ ³»ºñ°ÔÀÌ¼Ç µðÀÚÀÎÀÇ ÇÁ·¹ÀÓ¿öÅ©
_ À¥ ³»ºñ°ÔÀ̼ÇÀÇ Å« ±×¸²°ú Á¤º¸¿¡ ´ëÇÑ Àΰ£ ÇàÅÂ
_ ³»ºñ°ÔÀ̼ÇÀÇ ºê·£µå ¹Ý¿µ°ú »çÀÌÆ® ½Å·Úµµ¿¡ ¹ÌÄ¡´Â ¿µÇâ
_ µðÀÚÀÎÀ» ½ÃÀÛÇϱâ Àü¿¡ ¹®Á¦¸¦ ÀÌÇØÇÏ´Â ¹æ¹ý
_ ¿©·¯ °¡Áö ³»ºñ°ÔÀ̼ÇÀÇ Á¾·ù¿Í ¸ÞÄ¿´ÏÁò
_ Á¤º¸ÀÇ ÀÚÃë¿Í Á¤º¸ÀÇ ÇüÅÂ
_ ¼³µæ·Â ÀÖ´Â ¾ÆÅ°ÅØÃ³¿Í µðÀÚÀÎ ÄÁ¼Á
_ À¥ ¾ÖÇø®ÄÉÀ̼ǰú °°ÀÌ Æ¯¼öÇÑ »óȲÀÇ ³»ºñ°ÔÀÌ¼Ç µðÀÚÀÎ
_ ű뿡 ´ëÇÑ ½Éµµ ÀÖ´Â ÀÌÇØ
[Å×Å©´ÏÄà ¸®ºä] ¸¶Å© ¿¡µå¿öµå
¸¶Å© ¿¡µå¿öµå´Â ¿µ±¹ LixisNexisÀÇ »ç¿ëÀÚ °æÇè ÄÁ¼³ÅÏÆ®ÀÌ¸ç »ó¾÷ ±â¼ú ¹ÎÁ·Çаú ¿Â¶óÀÎ Á¦Ç° µðÀÚÀÎ Àü¹®°¡ÀÌ´Ù. ÀüÀÚ ÃâÆÇ, ÅÚ·¹ÄÞ, Çコ ÄÉ¾î »ê¾÷¿¡¼ ¼ö³â µ¿¾È »ç¿ë¼º Æò°¡ Àü¹®°¡·Î ÀÏÇØ¿Ô´Ù. ¿µ±¹¿¡¼ ÈÞ¸Õ ÄÄÇ»ÅÍ ÀÎÅÍ·¢¼ÇÀ» Àü°øÇÏ¿´À¸¸ç, Computing°ú HCI ºÐ¾ß¿¡¼ ÇÐÀ§¸¦ ¹Þ¾Ò´Ù. ¾Æ·Ð ±¸½ºÅ¸ÇÁ¼Õ
¾Æ·Ð ±¸½ºÅ¸ÇÁ¼ÕÀº 1996³â À¥¿¡ ¸Å·áµÇ¾î ¼ö³â µ¿¾È IBM°ú ÄÚ´ÏÄ«, ¹Ì³îŸ µîÀÇ È¸»ç¿Í °°ÀÌ ÀÛ¾÷À» Çß´Ù. ÇöÀç À¥ ÄÁ¼³ÅÏÆ® ȸ»çÀÎ Easy! Designs LLC¿¡¼ ÀÏÇϰí ÀÖ´Ù. WaSP(Web Standards Project, À¥ Ç¥ÁØ ÇÁ·ÎÁ§Æ®) ¹× GAWDS(Guild of Accessible Web Designers, À¥ µðÀÚÀÌ³Ê Á¢±Ù¼º ±æµå)ÀÇ ¸â¹ö·Î Ȱµ¿ ÁßÀÌ´Ù. ¶ÇÇÑ A List ApartÀÇ Å×Å©´ÏÄà ÆíÁýÀÚÀÌÀÚ Digital Web MagazineÀÇ ±â°í ÀÛ°¡·Î ÀÏÇϰí ÀÖ´Ù. An Event Apart, COMDEX, SXSW, The Ajax Experience, Web DirectionsÀ» Æ÷ÇÔÇÏ¿© ¼ö¸¹Àº ÄÜÆÛ·±½º¿¡ Âü¿©ÇÏ¿´´Ù.