À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
"kimdirector"
Creative Web & Mobile UX Planner & Designer


À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£
Humans dreaming of new creation through the web
WEBDESK
Webdesign Report
HOME ¡µ WEBDESK ¡µ Webdesign Report
µðÀÚÀ̳Ê, »ç¿ëÀÚÀÇ Ã¨ÇÇ¿ÂÀÌ µÇÀÚ.
Posted by kimdirector | 2006.07.26 | Hit : 1676
µðÀÚÀÌ³Ê µðÀÚÀÎ
¸ñ·Ïº¸±âÀÌÀüº¸±â
¿¾³¯ À̾߱â, ÀÎÅͳÝ
'Online becomes Meat and Patatoes' (¿Â¶óÀÎÀº ¾ø¾î¼­´Â ¾ÈµÉ Á¸ÀçÀÌ´Ù.)


ÀÌ´Â ÀÌ¹Ì 2³âÀü¿¡ iMedia connectionÀÌ ´Ù·é ‘ÀÎÅͳÝÀÇ Á߿伺’¿¡ °üÇÑ ±â»ç ŸÀÌÆ²ÀÌ´Ù. ÀÎÅͳÝÀÌ ´ëÁßÈ­µÈ ÈÄ ¸î ³âÀÌ Áö³­ Áö±Ý, ´ëÇѹα¹¿¡ ³×À̹öÀÇ ‘Áö½Ä°Ë»ö’°ú ½ÎÀÌ¿ùµåÀÇ ‘ÀÏÃÌ’À̶ó´Â ´Ü¾î°¡ »ý¼ÒÇÏ°Ô ´À²¸Áö´Â À¯Àú´Â °ú¿¬ ¸î¸íÀ̳ª µÉ±î? ´ë´äÀ» »ý°¢Çϱ⿡ ¾Õ¼­, ÀÌ Áú¹®ÀÌ ´çȲ½º·´Áö ¾ÊÀº ÀÌÀ¯´Â ÀÌ¹Ì ³×À̹öÀÇ ‘Áö½Ä°Ë»ö’°ú ½ÎÀÌ¿ùµåÀÇ ‘ÀÏÃ̸α⒴ ¿ì¸® »ýȰ¿¡ °¡Àå ±í¼÷È÷ ÆÄ°íµé¾î ¿Í ÀÖ´Â ÀÎÅÍ³Ý ¼­ºñ½ºÀÇ ´ëÇ¥ÀûÀÎ ¿¹¶ó´Â ´ëÀüÁ¦°¡ ±ò·ÁÀֱ⠶§¹®ÀÌ´Ù. ±×·¸´Ù¸é, °íÀÛ ºê¶ó¿ìÀú ¾È¿¡ Á¸ÀçÇÏ´Â ¾î¶² ÇüÅÂÀÇ ¼­ºñ½º°¡ ¿ì¸® »ýȰ ±í¼÷È÷ Å©°Ô ÀÚ¸®¸Å±èÀ» Çϱâ±îÁö, °ú¿¬ ±×µéÀº ¹«¾ù¿¡ ¼º°øÇߴ°¡?

»ç¿ëÀÚ, Á¤º¸¿Í ¸Â¹°·Á Ȱ¹ßÈ÷ ¿òÁ÷ÀÌ´Ù.
µðÀÚÀ̳ÊÀÇ ½Ã°¢À¸·Î °á·Ð ÁþÀÚ¸é ±×µéÀº ‘°í°´’À» ±×µéÀÌ ¿øÇÏ´Â ¹æÇâÀ¸·Î ‘ÇൿÇÏ°Ô ÇϱⒿ¡ ´ë´ÜÈ÷ ¼º°øÇß´Ù°í º»´Ù. °í°´À¸·Î ÇÏ¿©±Ý ±×µé ½º½º·Î ¾çÁúÀÇ ‘ÄÜÅÙÃ÷’¸¦ ÃàÀû Çϵµ·Ï Çϴµ¥ ¼º°øÇß°í, ±×µéÀÇ »ç¾÷¸ðµ¨¿¡ ¸Â´Â °¢±â ´Ù¸¥ À¯ÀúÀÇ µ¿¼±À» Çü¼ºÇØ ¹«ÇÑÈ÷ ´Ù¾çÇÑ ÄÜÅÙÃ÷¸¦ ‘°øÀ¯’Çϵµ·Ï Çϴµ¥ ¼º°øÇßÀ¸¸ç, °á±¹ ³ª¾Æ°¡ ±×µéÀÌ ²ÒÇÑ ´ë·Î Ȱ¹ßÇÏ°Ô ¿òÁ÷¿©ÁÖ´Â ÀÌ·¯ÇÑ À¯ÀúµéÀÇ ‘Çൿ’ ´öºÐ¿¡ »õ·Î¿î ¹®È­¸¶Àú âÁ¶ÇÏ°Ô µÇ¾ú´Ù. ¹Ì´ÏȨÇÇ´Â ÀÌÁ¦ º¸´Ù ³ªÀº »çȸ»ýȰÀ» À§ÇÑ Àθưü¸®ÀÇ ´ëÇ¥ÀûÀÎ Åø·Î ÀÚ¸®Àâ¾ÒÀ¸¸ç ³×À̹ö°¡ Á¦°øÇÏ´Â Á¤º¸·ÂÀº ±Þ±â¾ß ³×ƼÁðÀÇ È°¹ßÇÑ ‘¿©·ÐÇü¼º’À» À§ÇÑ Àå±îÁö ¸¶·ÃÇÏ¿´´Ù.

ÀÌ·¯ÇÑ ¼­ºñ½ºµéÀº ´õ ÀÌ»ó ¾î¶² ±â¾÷ÀÇ Æ¯Á¤ ‘°í°´Ãþ’À» ÇâÇÑ ¼­ºñ½º°¡ ¶ó±âº¸´Ù ´ëÁ߸Åü·Î¼­ÀÇ ¿ªÇÒÀ» ÅåÅåÈ÷ ÇØ³¿À¸·Î½á ‘´ëÁß’ÀÇ °³³äÀ» È®´ë, ÀçÁ¤ÀÇÇϰí, ‘´ëÁ߸Åü’ÀÇ ¿ªÇÒÀ» ÁõÆø½ÃÄ×À¸¸ç ÀÌ·¯ÇÑ º¯È­ÀÇ ÃßÀ̸¦ ÅëÇØ ‘´ëÁßÀ» ±×µéÀÌ ¿øÇÏ´Â ¹æÇâÀ¸·Î ÇൿÇÏ°Ô ÇϱⒿ¡ ¿Ïº®È÷ ¼º°øÇß´Ù°í º¼ ¼ö ÀÖ´Ù. Èï¹Ì·Î¿î »ç½ÇÀº ÀÌ·¯ÇÑ Á¾·ùÀÇ ¼­ºñ½º´Â ÄÜÅÙÃ÷¸¦ °ø±ÞÇѴٱ⠺¸´Ù °á±¹ ±×°ÍÀ» ´ãÀ» ±×¸©°ú, À¯ÀúÀÇ ÇൿÀ» ²ÒÇÒ¸¸ÇÑ ±æÀ» ³»ÁÙ »ÓÀÌ´Ù. ¿ì¸®´Â ¾î´À»õ ºê¶ó¿ìÀú ¾ÈÀÇ °íÀÛ ¸î °³ µÇÁö ¾Ê´Â ¹öư°ú ¸Þ´º°¡ À̲ô´Â ´ë·Î º¸±â ÁÁ°Ô ¿òÁ÷¿©ÁÖ°í ÀÖ´Â °ÍÀÌ´Ù. ½Å³ª°Ô Áñ±â¸é¼­.

Á¤º¸, ºê¶ó¿ìÀú ¾È¿¡ ¸Ó¹°Áö ¾Ê´Â´Ù.
³×ƼÁðÀÌ Çü¼ºÇÏ´Â ¹®È­, ±× ¹®È­°¡ ´Ù½Ã À̲ô´Â ´ëÁßÀº »ç½Ç »õ·Î¿î À̽´°Å¸®°¡ ¾Æ´Ï´Ù. °¢Á¾ Æ÷Å» À¥»çÀÌÆ®°¡ ±×¸©ÀÌ µÇ¾î Á¦°øÇß´ø ¼ö¸¹Àº Á¤º¸¿Í ¼­ºñ½º´Â ÀÌÁ¦ ÄÄÇ»ÅÍ ¾È¿¡ Á¸ÀçÇÏÁö ¾Ê´Â´Ù. °°Àº Á¾·ùÀÇ ¼­ºñ½º°¡ ¸ð¹ÙÀÏ, Æ÷Åͺí PC µîÀ» ºñ·ÔÇÑ °¢Á¾ ´º ¹Ìµð¾î¸¦ ÅëÇØ ¿ì¸®°¡ ´«À» ¾ÆÄ§¿¡ ¶á ¼ø°£ºÎÅÍ, ħ´ë¿¡ µ¹¾Æ°¡´Â ¶§±îÁö »î ±í¼÷È÷ ÀÚ¸® ÀâÀºÁö ÀÌ¹Ì ¿À·¡ÀÌ´Ù. »ýȰ Àü¹Ý¿¡ ÇÊ¿äÇÑ ‘³ª¸¦ À§ÇÑ’ µðÁöÅÐ ¼­ºñ½º´Â Á¡Á¡ ±× ÄÜÅÙÃ÷¿¡ Áú°ú ¾çÀ» ´õÇØ°¡°í ÀÖÀ¸¸ç µðÁöÅÐ µð¹ÙÀ̽º´Â dynamic ÇÑ Á¤º¸µéÀ» »ç¿ëÀÚ¿¡°Ô ´Ù°¢µµ·Î »ýȰ ±í¼÷È÷ Àü´ÞÇØÁÖ´Â ¸Å°³Ã¼ÀÇ ¿ªÇÒÀ» ÅåÅåÈ÷ ÇØ³»°í ÀÖ´Ù.

Communication artsÀÇ Ä÷³ ‘Everything else’¸¦ ÅëÇØ Wendy Richmond´Â ¹Ì·¡ÀÇ ¸ð¹ÙÀÏ ÆùÀÇ Áõ´ëµÈ ¿ªÇÒÀ» ¿¹°ßÇϱ⵵ Çß´Ù. ¿¹¸¦ µé¸é, ³»°¡ ¿îÀüÇÏ¸ç ½´ÆÛ¸¶ÄÏ ±Ùó¸¦ Áö³ª°¡°í ÀÖ´Ù¸é, ³» ¸ð¹ÙÀÏÆùÀº ±Ùó¿¡ ¼öÆÛ¸¶ÄÏÀÌ ÀÖ´Ù°í ¾Ë¸®°í, ³ªÀÇ ³ÃÀå°í¿¡ ¿ìÀ¯°¡ °ÅÀÇ ¶³¾îÁ³´Ù´Â Á¤º¸¿Í, ³»°¡ ÀÚÁÖ ¸Ô´Â ¿ìÀ¯ÀÇ ºê·£µå À̸§±îÁö Á¦°øÇÏ°Ô µÉ °ÍÀ̶ó°í ¿¹ÃøÇß´Ù. ¶ÇÇÑ ¹Ì±¹ÀÇ ¼ºÀκ´ ȯÀÚµéÀ» À§ÇÑ Á¤º¸³ª ´ç´¢º´ ȯÀÚµéÀÌ ¼ÒÁöÇϰí ÀÖ´Â ÀÇ·á±â±¸µéÀÇ ±â´ÉÀ» Á¦°øÇÒ ³¯À» »ó»óÇϱ⵵ Çß´Ù. ±×·¸´Ù. ÀÌ·¯ÇÑ dynamic ÄÜÅÙÃ÷´Â ÀÌ¹Ì ºê¶ó¿ìÀú ¹ÛÀ» ³ª¿Í ¿©·¯ ¸Åü¸¦ ÅëÇØ ‘¼­ºñ½º µÇ¾îÁú °÷’À» ã°í ÀÖ´Ù. ´ÙÀ̳ª¹Í ÄÜÅÙÃ÷°¡ Àü´ÞÇÏ´Â Á¤º¸´Â ±×°ÍÀÌ ´Ù·ç´Â Á¤º¸ÀÇ Á¾·ù¿Í ¾çÀû Ãø¸é¿¡¼­ ¸Å¿ì À¯±âÀûÀÏ »Ó ¾Æ´Ï¶ó »ç¿ëÀÚ¿¡ ÀÇÇØ¼­ ¾ðÁ¦µç º¯ÇÒ ¼ö ÀÖ´Â Á¤º¸ÀÇ À¯µ¿Àû ÇüÅÂÀ̱⵵ ÇÏ´Ù.

µðÀÚÀ̳Ê, À¯±âÀû ÇüÅÂÀÇ Á¤º¸¿Í »ç¿ëÀÚÀÇ Á¢Á¡¿¡ ¼­´Ù.
ÀÚ, ÀÌÂë µÇ¸é Çѹø »ý°¢ ÇØ º¼¹ýÇÑ Áú¹®, µðÀÚÀ̳ʴ ³ÑÃÄ ³ª´Â Á¤º¸¿Í ´Ù¾çÇØÁ® °¡´Â Á¤º¸ Àü´Þ ¼ö´Ü, ±×¿¡ ºÎÈïÇØ Ä¿Á®¸¸ °¡´Â »ç¿ëÀÚÀÇ ±â´ëÄ¡¸¦ ¸¸Á·½Ã۱â À§ÇØ ¹«¾ùÀ» µðÀÚÀÎ Çϴ°¡? ÈçÈ÷µé user experience designÀ̶ó´Â ¸»À» »ç¿ëÇÑ´Ù. ÀÌ Ç¥ÇöÀº ¿ì¸®°¡ ±×°Í¿¡ °üÇØ Åä·ÐÇϱ⿡´Â Áö³ªÄ¡°Ô ±¤¹üÀ§ÇÏ°í ¸ðÈ£ÇÑ Ç¥ÇöÀÌ ¾Æ´Ò ¼ö ¾ø´Ù. °í°´ÀÌ Á¦Ç°À» °£Á¢Àû, Á÷Á¢Àû Åë·Î¸¦ ÅëÇØ Á¢Çϰí, ±¸¸Å¸¦ °í¹ÎÇϰí, °áÁ¤Çϰí, »ç¿ë, Æó±â ±×¸®°í À籸¸Å Çϱ⿡ À̸£´Â »ç¿ë Àü°úÁ¤ÀÌ¾ß ¸»·Î ÃÑüÀûÀÎ User experienceÀÌ¸ç ±×°ÍÀÌ ´ã´Â Àü°úÁ¤¿¡´Â Á¦Ç° ·±Äª, ¸¶ÄÏ¿¡¼­ÀÇ Æ÷Áö¼Å´×, ºê·£µå °¡Ä¡, °¢Á¾ ¸¶ÄÉÆÃ Àü·«, ¼ÒºñÀÚ ¸¸Á·µµ¸¦ À§ÇÑ A/S Á¤Ã¥ µî, µðÀÚÀÎ Àü·« ¿Ü¿¡µµ ¼ö¸¹Àº ‘Àü·«’µéÀÌ ³ì¾ÆÀֱ⠶§¹®ÀÌ´Ù.

µðÀÚÀ̳Ê, ±×Áß¿¡¼­µµ ÀÌ ±ÛÀ» ÅëÇØ ¾ÕÀ¸·Î Åä·ÐÇϰíÀÚ ÇÏ´Â ‘UI µðÀÚÀ̳ʒÀÇ ¿ªÇÒÀº ¾Õ¿¡¼­ ³×À̹ö¿Í ½ÎÀÌ¿ùµå¸¦ ÅëÇØ ¿©·¯ Â÷·Ê ¾ð±ÞµÈ ‘À¯ÀúÀÇ Çൿ’À» µðÀÚÀÎÇѴٴµ¥ ´õ °¡±õ´Ù°í º»´Ù. °í°´ÀÌ, ³ª¾Æ°¡ ´ëÁßÀÌ dynamic contents¿Í ¸Â¹°·Á ÇÏ°Ô µÇ´Â ¸ðµç ÇàÀ§-ÀÛ°Ô´Â ¹öưÀ» È¥µ·ÇÏÁö ¾Ê°í ´©¸£±â¿¡¼­ºÎÅÍ Å©°Ô´Â ±â¾÷ÀÌ Á¦°øÇÏ´Â ÄÜÅÙÃ÷¿Í ÄÜÅÙÃ÷¸¦ ´Ù·ç´Â ¹Ìµð¾î¸¦ Á¶ÀÛÇÏ´Â ÃÑüÀû Çൿ-¸¦ ÅëÇØ user experienceÀÇ Å­Áö¸·ÇÑ ‘ÀϺκВÀÌ Çü¼ºµÇ´Â °ÍÀÌ´Ù. À¯±âÀû ÇüÅÂÀÇ Á¤º¸¸¦ ´Ù·ç´Â UI¸¦ À§ÇÑ µðÀÚÀÎ °úÁ¤¿¡¼­ µðÀÚÀ̳ʿ¡°Ô ´Ã ´øÁ®Áö´Â ¹®Á¦´Â ¿¹Ãø °¡´ÉÇÑ, ȤÀº ¿¹Ãø ºÒ°¡´ÉÇÑ Á¤º¸ÀÇ ‘È®À强’¿¡ ´ëÇÑ °í·ÁÀÌ´Ù. ÀÌ´Â ¿À´Ã ³¯Â¥°¡ ÀμâµÈ ½Å¹®À» À§ÇÑ Á¤º¸µðÀÚÀΰú ¾ÆÁÖ ´Ù¸¥ ¹®Á¦ÀÌ´Ù.

¿ì¸®°¡ ¹«½ÉÄÚ »ç¿ëÇÏ´Â, ±×¸®°í µðÀÚÀοä¼Ò·Î Ȱ¿ëµÇ´Â ‘½ºÅ©·Ñ ¹Ù’ÀÇ µîÀåÀº Á¤º¸ÀÇ ¾çÀû È®À强¿¡ °üÇÑ ¹®Á¦¸¦ ÇØ°áÇϱâ À§ÇÑ ¸Å¿ì ȹ±âÀûÀÎ UI¶ó°í ÇÒ ¼ö ÀÖ´Ù. ÇöÀç±îÁö Á¤º¸ÀÇ ¾çÀû È®À强¿¡ °üÇØ ‘½ºÅ©·Ñ¹Ù’¸¸Å­ ±×°Í¿¡ °üÇÑ ¹®Á¦ÇذáÀ» Á¦´ë·Î ÇϰíÀÖ´Â UI ¿ä¼Ò´Â ã±â Èûµé´Ù. È®À强¿¡ ´ëÇÑ °í·Á´Â ºñ´Ü Á¤º¸ÀÇ ‘¾ç’¿¡¸¸ °ü¿©ÇÏÁö ¾Ê´Â´Ù. »ç¿ëÀÚÀÇ È¯°æ¿¡ µû¸¥ ÄÜÅÙÃ÷ÀÇ Çüź¯Çü, »ç¿ëÀÚÀÇ »óÈ£ÀÛ¿ë¿¡ ÀÇÇØ ÄÜÅÙÃ÷°¡ °øÀ¯µÇ´Â Åë·Î¿Í ±×°ÍÀÌ Àü´ÞµÇ´Â ¸ðµç À¯Åë°úÁ¤Àº ¾Õ¼­ ¾ð±ÞµÈ ¿À´Ã ³¯Â¥ÀÇ Áö¸é ½Å¹®ÀÌ ´ã´Â ´º½ºÃ³·³ ÀÏÁ¤ Àå¼Ò¿¡ ¸Ó¹°·¯ ÀϹæÀûÀ¸·Î Àü´ÞµÇ´Â Á¤º¸Àü´Þ °úÁ¤°ú´Â ¼º°ÝÀÌ ´Ù¸£´Ù. ¿©±â¼­ UI´Â À¯±âÀû Á¤º¸°¡ È帣´Â ±æ°ú ¸Ó¹«´Â Àå¼Ò¸¦ ¸¶·ÃÇØÁÖ¸ç, Á¤º¸¿Í »ç¿ëÀÚ¿ÍÀÇ Á¢Á¡¿¡¼­ ÃÖÀûÀÇ À¶È­¸¦ ½ÃµµÇÑ´Ù.

»ç¿ë¼º¿¡ °üÇÑ È­µÎ, µðÀÚÀ̳ÊÀÇ Ã¥ÀÓ ¿µ¿ª
¾î´À ¸ð¹ÙÀÏ È¸»çÀÇ ¸¶ÄÉÆÃ ÆÀ¿¡¼­ »õ·Î¿î ¸ð¹ÙÀÏ Æù Ãâ½Ã¸¦ °èȹÇϰí ÀÖ´Ù°í Ä¡ÀÚ. ¿¹¸¦ µé¸é, Á¦Ç° µðÀÚÀ̳ʰ¡ Á¦Ç°À» µðÀÚÀÎÇϸ鼭 physical user interface (½ºÅ©¸° ¹ÛÀÇ ¸ðµç UI. ¿¹¸¦ µé¸é ¼ýÀÚ¹öư, send ¹öư, À̾îÆùÀ» Ç÷¯±× ÀÎ ÇÏ´Â °÷ µî)¸¦ µðÀÚÀÎÇϰí, Information architecture designÀ» ´ã´çÇÑ ±× ´©±º°¡´Â ÀÌ Á¦Ç°ÀÌ °¡Áö´Â ±â´ÉÀ» ¹ÙÅÁÀ¸·Î ¸Þ´º±¸¼ºÀÇ Â¥ÀÓ»õ¸¦ °í¹ÎÇϰí, ¿Ï¼ºµÈ information hierarchy¸¦ ³õ°í GUI µðÀÚÀ̳ʴ ¿­½ÉÈ÷ ¾Æ¸§´Ù¿î ¾ÆÀÌÄܵéÀ» ±×·Á³½´Ù°í Ä¡ÀÚ.

¸¸¾à ±×·¸´Ù¸é ½ºÅ©¸° ¹ÛÀÇ ¹öưµé°ú ½ºÅ©¸° ¾È¿¡ displayµÇ´Â Á¤º¸ÀÇ »ó°ü°ü°è¿¡ ´ëÇØ¼­´Â À̵éÁß ´©°¡ °í¹ÎÇØ¾ß¸¸ Çϴ°ɱî? Á»´õ Æ÷°ýÀûÀ¸·Î, »ç¿ëÀÚ°¡ ÀÌ ¸ð¹ÙÀÏÀ» ±¸¸ÅÇϰí Á¦Ç°À» »óÀڷκÎÅÍ ²¨³½ Á÷ÈÄ »ç¿ëÀü¹Ý¿¡ °ÉÃÄ ÀÌ·ç°Ô µÇ´Â À¯Àú ÇൿÀÇ ÃÑüÀûÀÎ È帧À» ÆÄ¾ÇÇϰí, ÇൿÀÇ °¢ ¸ñÀû¿¡ ¸Â°Ô Á¦°øµÉ Á¤º¸ÀÇ structure¸¦ ±¸¼ºÇÏ´Â, Áï, ¸ð¹ÙÀÏÀÌ °¡Áö´Â ±â´É ¹× ÄÜÅÙÃ÷¸¦ »ç¿ëÀÚ°¡ Á¢ÇÏ°Ô µÇ´Â ±× Á¢Á¡¿¡¼­ ÀÌ·ç¾îÁö´Â »ç¿ëÀÚ °æÇèÀÇ ÀϺο¡ ÅëÀÏµÈ identity¿Í positive memory¸¦ ºÎ¿©Çϱâ À§ÇØ ´©±º°¡ ³ë·ÂÇØ¾ß ÇÑ´Ù¸é, ±×°ÍÀº ºÐ¸í ¸¶ÄÉÆÃÆÀ, ¼¼ÀÏÁîÆÀ, Á¦Ç° ±âȹÆÀÀÇ ´©±º°¡°¡ ¾Æ´Ñ µðÀÚÀÌ³Ê À̾î¾ß¸¸ ÇÑ´Ù. º¸´Ù ³ªÀº »ç¿ë¼º Á¦°øÀº µðÀÚÀ̳ÊÀÇ ¹Ù¶÷Á÷ÇÑ Ã¥ÀÓ¿µ¿ª¿¡¼­ºÎÅÍ ½ÃÀ۵Ǹç, µðÀÚÀ̳ÊÀÎ ¿ì¸®´Â ‘»ç¿ë¼º’Àü¹Ý¿¡ °ÉÄ£ µðÀÚÀÎ Àü·«À» ¼¼¿ì±â À§Çؼ­ ¹«¾ùº¸´Ùµµ ‘»ç¿ëÀÚÀÇ Çൿ’¿¡ °ü½ÉÀ» ÁýÁßÇÒ Çʿ䰡 ÀÖ´Ù.


µðÀÚÀ̳Ê, »ç¿ëÀÚÀÇ Ã¨ÇÇ¿ÂÀÌ µÇÀÚ.
‘µðÀÚÀ̳ʴ »ç¿ëÀÚÀÇ Ã¨ÇǾðÀÌ µÉ ¼ö ÀÖÀ»¸¸Å­ ±×µé°ú °ø°¨´ë¸¦ Çü¼ºÇØ¾ß ÁÁÀº µðÀÚÀÎÀ» ÇÒ ¼ö ÀÖ´Ù°í ¹Ï´Â´Ù’
Design ContinuumÀÇ µðÀÚÀÎ Àü·«°¡ Kenneth JewellÀÌ ‘¼º°øÀûÀÎ µðÀÚÀÎÀ» À̲ø¾î³»´Â °ÍÀº ¹«¾ùÀ̶ó°í »ý°¢Çϴ°¡?’¿¡ ´ëÇÑ ³ªÀÇ Áú¹®¿¡ ¾ð±ÞÇÑ ³»¿ëÀÌ´Ù. ÀÌ´Â »ç¿ë¼ºÀ» °í¹ÎÇÏ´Â ¿ì¸®¿¡°Õ ´õ¾øÀÌ Áß¿äÇÑ °³³äÀÌ ¾Æ´Ò ¼ö ¾ø´Ù. UIµðÀÚÀ̳ÊÀÇ °ßÇØ¿¡¼­ À̸¦ ÀçÇØ¼®ÇÏÀÚ¸é, ±×µéÀÇ Ã¨ÇǾðÀÌ µÈ´Ù´Â °ÍÀº ‘¸¸¾à ³»°¡ »ç¿ëÀÚ¶ó¸é?’¶ó´Â °¡Á¤¸¸À¸·Î´Â ÃÖ»óÀÇ »ç¿ë¼ºÀ» Á¦°øÇϱ⿡ ¸¹Àº °ÍµéÀ» ³õÄ¡±â ½±´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù. UI°³¹ß°úÁ¤ Ãʱâ´Ü°è¿¡´Â ÁÖ·Î »ç¿ëÀÚÀÇ ºÐ¼®´Ü°è°¡ ÀÌ·ç¾îÁö±â ¸¶·ÃÀε¥ »ç¿ëÀÚ Å¸°Ù°ú ȯ°æ¿¡ µû¶ó ¿ì¸®´Â ±×µéÀ» ‘¹è¿ì±â ½È°í ±ÍÂú¾Æ ÇÏ´Â ¹Ùº¸’·Î ¼³Á¤Çϱ⵵ ÇÏ¸ç ¶§·Î´Â Àü¹®°¡ ¼öÁØÀÇ »ç¿ëÀÚ·Î °¡Á¤Çϱ⵵ ÇÑ´Ù.

IpodÀÇ wheel UI°¡ óÀ½ °í°´¿¡°Ô ¼Ò°³µÇ¾úÀ» ¶§ »ç¿ëÇÏ±â ÆíÇÏ´Ù, ȤÀº ºÒÆíÇÏ´Ù µîÀÇ ÀǰßÀÌ ºÐºÐÇß´Ù. ±×¶§ ¿ì¸® ¸ðµÎ´Â IpodÀÇ ‘¹Ùº¸’´Ü°èÀÇ »ç¿ëÀÚÀ̾ú±â ¶§¹®ÀÌ´Ù. ¾ÖÇÃÀÌ ´ÙÀ½ Á¦³Ê·¹À̼ÇÀÇ ipod¿¡ ¾î¶²½ÄÀ¸·Îµç wheel UI¸¦ °³¼±Çؼ­ ½ÃÀå¿¡ ³» ³õ´Â´Ù°í ÇØµµ Áö±ÝÀÇ ¿ì¸®´Â ´õ ÀÌ»ó ´çȲÇÏÁö ¾ÊÀ» °ÍÀÌ´Ù. ½ºÅ©·Ñ¹Ù¸¦ »ç¿ëÇÒ¶§Ã³·³ ‘Àü¹®°¡’¼öÁØÀÇ »ç¿ëÀÚ´Â ¾Æ´Ï´õ¶óµµ wheel UIÀÇ Á¶ÀÛ¹ý¿¡ ³ëÃâµÈ ÀûÀÌ Àֱ⠶§¹®ÀÌ´Ù. »ç¿ëÀÚÀÇ Ã¨ÇǾðÀÌ µÇ±â À§ÇØ ±×µéÀÇ Çൿ¿¡ °ü½ÉÀ» ÁýÁß½ÃÄѺ¸ÀÚ. »ç¿ëÀÚÀÇ ÇൿÀº ±×µéÀÌ Á¢ÇÏ´Â Á¤º¸ÀÇ Á¾·ù¿Í »ó°ü¾øÀÌ ´ÙÀ½°ú °°Àº ÀÏÁ¤ÇÑ ÆÐÅÏÀ» ±×¸°´Ù.

ÀÌ´Â º¸ÆíÀûÀÎ »ç¿ëÀÚµéÀÌ º¸¿©ÁÖ´Â ÇൿÆÐÅÏÀ̸ç, ¹°·Ð»ç¿ëÀÚÀÇ È¯°æ°ú Á¤º¸¸¦ ´Ù·ç´Â ¼­ºñ½ºÀÇ Á¾·ù¿¡ µû¶ó Ãß°¡, »èÁ¦ ȤÀº º¯ÇüµÉ ¼ö ÀÖ´Ù. °¢ ´Ü°èÀÇ ÇൿÆÐÅÏ¿¡ µû¶ó µðÀÚÀ̳ʴ ±×µéÀÌ Áö°¢ÇϰԵǴ Á¤º¸ÀÇ Á߿䵵¸¦ ±¸ºÐÇϰí, ±×µéÀÌ ¿øÇÏ´Â ¾÷¹«¸¦ ¼öÇàÇϴµ¥ À־ ¹«½ÃÇØµµ ÁÁÀ» Á¤º¸¿Í ±×·¸Áö ¾ÊÀº Á¤º¸¸¦ ±¸Á¶Àû, ½Ã°¢ÀûÀ¸·Î Â÷º°È­ ÇØ¾ßÇÑ´Ù.

»ç¿ëÀÚ, µðÀÚÀ̳ʸ¦ ºñÆÇÇ϶ó!
¸ð ´ë±â¾÷¿¡ Á¾»çÇÏ´Â Ãִ븮´Â ¿À´Ã óÀ½À¸·Î ¿ÀÇÂÇÑ ÃÖ°í±Þ È£ÅÚ¿¡¼­ Àú³á½Ä»ç¸¦ ÇÏ°Ô µÇ¾ú´Ù. ±×³à´Â ÃÖ½Å½Ä È£ÅÚ³»ºÎÀÇ ÀÎÅ׸®¾î µðÀÚÀΰú ÀüüÀûÀÎ ºÐÀ§±â¿¡ °¨ÅºÇϸç, À½½ÄÀÇ ¸À ¶ÇÇÑ ¸Å¿ì ÁÁ¾Æ, ¸¸Á·½º·¯¿î Àú³áÀ» º¸³»°í ÀÖ´Ù. Ãִ븮´Â ½Ä»çÈÄ Àá½Ã È­Àå½Ç¿¡ µé¸¥ ÈÄ ¼ÕÀ» ¾ÄÀ¸·Á´Â ¼ø°£, ¼öµµ²ÀÁö ¾Õ¿¡¼­ ¸Ó¹µ°Å¸®°Ô µÈ´Ù. ¾ÆÁÖ ºñ½Îº¸ÀÌ´Â Àç·á¸¦ »ç¿ëÇØ ¸¸µé¾îÁø ¸ÚÁø ÇüÅÂÀÇ ÀÌ ¼öµµ²ÀÁö¸¦ ¾î¶»°Ô ¿©´Â °ÇÁö, ¼ö¿Â Á¶ÀýÀº ¾î¶»°Ô ÇÏ´Â °ÇÁö ±×°ÍÀ» ¸ÂµüµéÀÌ´Â ¼ø°£ ¾Ë¼ö°¡ ¾ø¾ú±â ¶§¹®ÀÌ´Ù. ¾óÇͺ¸´Ï ¿·»ç¶÷Àº ´É¼ö´É¶õÇÏ°Ô ¹°À» Ʋ°í ¼ÕÀ» ¾Ä°í ÀÚ¸®¸¦ ¶¹´Ù.

ÀÌ·± »óȲÀ» ¿ì¸®´Â Á¶ÀÛ¹ýÀ» ¸ð¸£´Â ‘³ªÀÇ À߸ø’À̶ó°í ¿©±â°í ´çȲÇϱ⠽±´Ù. ±×°ÍÀÇ »ç¿ë¼º¿¡ ´ëÇØ ºñÆÇÇÒ ¿©ÁöÁ¶Â÷ ¾øÀÌ ¸»ÀÌ´Ù. ÀÌ´Â, Áö±Ý±îÁö °í±ÞÈ£ÅÚÀ» ÀÚÁÖ ÀÌ¿ëÇÏÁö ¾Ê¾Ò´ø Ãִ븮ÀÇ À߸øÀÌ ¾Æ´Ï¶ó, ±×°ÍÀ» µðÀÚÀÎÇß´ø µðÀÚÀ̳ÊÀÇ ¸í¹éÇÑ ½Ç¼öÀÓÀ» ºñÆÇÇØ¾ß ¿Ç´Ù. ‘°í±ÞÈ£ÅÚÀÇ ¼öµµ²ÀÁö°¡ ¿Ö À̸ð¾çÀ̾ß!’

»ç¿ëÀÚÀÇ ºñÆÇÀǽÄÀº º¸´Ù ³ªÀº »ç¿ë¼ºÀ» ³º´Â´Ù. »ç¿ëÁ÷Àü¿¡ º¸±âÁÁÀº µðÀÚÀÎÀº ±×°ÍÀÌ °¡Áö´Â ‘¸Å·Â’À¸·Î »ç¿ëÀÚÀÇ °ü½ÉÀ» ²ø ¼ö´Â ÀÖÀ¸³ª, »ç¿ë °úÁ¤Áß »ç¿ë¼º ¿©ºÎ¸¦ ÅëÇØ °í°´Àº ÀÌ¹Ì ‘User experience’ÀÇ Áß¿äÇÑ ºÎºÐÀ» ±â¾ï¿¡ ´ã¾ÆµÎ°í ÀÖÀ¸¸ç ÀÌ´Â °ð Á¦Ç° ȤÀº ¼­ºñ½ºÀÇ À籸¸ÅÀ²¿¡ Á÷Á¢ÀûÀÎ ¿µÇâ ¹ÌÄ¡´Â Áß¿äÇÑ ¿äÀÎÀÌ µÉ ¼ö ¹Û¿¡ ¾ø´Ù´Â °ÍÀ» ¸í½ÉÇÏÀÚ.
Ãâó : µðÀÚÀÎÁ¤±Û


Posted by kimdirector | 2006.07.26 | Hit : 1676
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=150

COMMENT
¸ñ·Ïº¸±â ÀÌÀüº¸±â
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
ÆÀ »ç¿ë·® µðÀÚÀÎ ¼îÇθô Ä®¶ó À¥±âȹ ·Î°í HTML5 ¼Ö·ç¼Ç ¾ÆÀÌ¸Æ ·Î°í µå·Ó¹Ú½º CSS3 iOS 8 À¥µðÀÚÀÎ ¾ÆÀÌÄÜ À¥µðÀÚÀÎ ÆùÆ® ¿¡¹ö³ëÆ® ¾ÖÇà ºê¶ó¿ìÀú isTallk ¼ÒÇÁÆ®¿þ¾î ¹«·á »óǰ±Ç Æ÷Åä¼¥ Ç÷¡½Ã Ä÷¯ ±¸¼º ½º¸¶Æ®Æù ¸ð¹ÙÀÏ ±âȹ ¼ÒÇÁÆ®¿þ¾î ±¸¸Å ¿ªÇÒ ÇÏÀÌÅÍÄ¡ ½Ã´ë Examples µðÀÚÀÎ Ç÷§ ¾ÆÀ̵ð¾î HTML5. ¸ð¹ÙÀÏ