designdb Home > designdb ÀâÁö > 185È£

layer2_negotiation with Screen

800 ¡¿ 480 pixelÀÇ Çù»ó Å×À̺í. NEXiO GUI °³¹ß ÇÁ·ÎÁ§Æ®.

2001³â ±¹³» ½ÃÀå»óȲÀ» µ¹ÀÌÄѺ¸¸é ¸· µµ·¡Çϱ⠽ÃÀÛÇÑ PDA ¿­Ç³ÀÌ ÀÏ¹Ý ¼ÒºñÀÚµé »çÀÌ¿¡¼­ Á¡Â÷ È®»êµÇ´ø Ãß¼¼¿´°í, Á¦Á¶»ç ÀÔÀå¿¡¼­´Â ÀÌ¹Ì ±âÁ¸ ½ÃÀå¿¡¼­ ÀÚ¸®¸¦ ±»Èù ÆÊ(Plam)°ú Æ÷ÄÏPC ½ºÅ¸ÀÏ ¼Ó¿¡¼­ »õ·Î¿î µ¹Æı¸¸¦ ãÁö ¾ÊÀ¸¸é ¾È µÇ´Â »óȲÀ̾ú´Ù.
´ç½Ã »ï¼ºÀüÀÚ ÄÄÇ»ÅÍ »ç¾÷ºÎ´Â ÀÌ¹Ì ±âÁ¸ÀÇ Æ÷ÄÏPC ½ºÅ¸ÀÏÀÇ PDA¸¦ ÀÌ¿ëÇÏ¿© ´Ù¾çÇÑ ¼ÒºñÀÚ Á¶»ç¸¦ ½Ç½ÃÇسõÀº »óÅ¿´À¸¸ç ±× °á°ú »õ·Î¿î ½ÃÀåÀ» °Ü³ÉÇÑ PDA °³¹ß ÇÁ·ÎÁ§Æ®¿¡ Âø¼öÇÏ°Ô µÇ¾ú´Ù.

¸ÕÀú »ç¾÷ºÎ´Â °æÀï PDA Á¦Ç°µéÀÌ ´ëºÎºÐ 240¡¿320 ÇØ»óµµÀÇ È­¸éÀ» äÅÃÇÏ°í ÀÖ¾î ÀÎÅÍ³Ý È­¸éÀ» º¸±â¿¡ ºÒÆíÇÔÀÌ ÀÖ´Ù´Â Á¶»ç°á°ú¸¦ ¹ÙÅÁÀ¸·Î PC ȯ°æÀ» Á»´õ Çö½Ç°¨ ÀÖ°Ô Á¦°øÇÒ ¼ö ÀÖ´Â PDA¸¦ ±âȹÇÏ¿´´Ù. ÀÌ »õ·Î¿î ÇüÅÂÀÇ PDA´Â ±âÁ¸ ½ºÅ¸ÀϺ¸´Ù ¿£ÅÍÅ×ÀθÕÆ® ¿ä¼Ò¸¦ °­Á¶ÇÑ Æ÷Åͺí PC¿´´Ù.
½ÇÁ¦·Î ÄÄÇ»ÅÍ »ç¾÷ºÎ¿¡¼­ Á¶»çÇÑ ±¹³» ¼ÒºñÀÚ ¼±È£µµ¿¡ µû¸£¸é PDA¸¦ ÅëÇØ °¡Àå ¾ò°í ½ÍÀº ±â´ÉÀº ¿£ÅÍÅ×ÀθÕÆ® ¿ä¼Ò°¡ °¡Àå ³ô¾Ò°í ´ÙÀ½Àº Ä¿¹Â´ÏÄÉÀ̼Ç, ±× ´ÙÀ½ÀÌ ±³À°ÀûÀÎ ¸ñÀûÀ¸·Î ³ªÅ¸³µ´Ù. ÀÌ´Â À¯»çÇÑ Å¸°ÙÀ» ´ë»óÀ¸·Î ½Ç½ÃÇÑ ¹Ì±¹ ¼ÒºñÀÚ Á¶»ç°á°ú¿¡¼­ Ä¿¹Â´ÏÄÉÀ̼ÇÀÌ 1À§·Î ³ªÅ¸³­ Á¡°ú ºñ±³ÇÏ¸é ¹®È­ÀûÀÎ Â÷ÀÌ°¡ ÀÖÀ½À» È®½ÇÈ÷ º¸¿©ÁØ´Ù.

°á°úÀûÀ¸·Î 800´ëÀÇ Çػ󵵸¦ °¡Áø È­¸é°ú ÈÞ´ëÇÒ ¼ö ÀÖÀ» Á¤µµÀÇ »çÀÌÁ ±âº»Á¶°ÇÀ¸·Î ÇÏ´Â »õ·Î¿î ÇüÅÂÀÇ ³Ø½Ã¿À(NEXiO)ÀÇ Åº»ýÀº ½ÃÀå»óȲ°ú »ç¿ëÀÚÀÇ ¿ä±¸¿¡ µû¶ó '¾ðÁ¦ ¾îµð¼­³ª ÇÊ¿äÇÑ Á¤º¸¸¦ ³» ¼Õ¾È¿¡'¶ó´Â Á¦Ç° ÄÁ¼Á¿¡¼­ Ãâ¹ßÇÏ¿´´Ù.
¿©±â¼­ ¶°¿À¸¥ °¡Àå Áß¿äÇÑ ¹®Á¦´Â 'ÀÌ·¯ÇÑ Æ÷Åͺí PC¿¡ ÀûÇÕÇÑ UI´Â °ú¿¬ ¾î¶² °ÍÀΰ¡?' ¿´´Ù.

¸ÕÀú UIÆÀÀº ÀÌ¹Ì Á¦Ç°È­µÇ¾î ÀÖ´ø i-todo°¡ Áö´Ï°í ÀÖ´ø ¹®Á¦Á¡À» ÆľÇÇÏ´Â °Í¿¡¼­ ÀÛ¾÷À» ½ÃÀÛÇÏ¿´´Ù.
³Ø½Ã¿ÀÀÇ Ãʱâ¹öÀüÀ̶ó ÇÒ ¼ö ÀÖ´Â i-todo´Â PC ¸øÁö¾ÊÀº ÀÎÅÍ³Ý È¯°æÀ» Á¦°øÇÏ´Â Â÷º°È­µÈ PDA °³¹ß¿¡ ±× ¸ñÀûÀ» µÎ¾ú´ø ¸¸Å­ UI¿¡ À־µµ PCȯ°æ¿¡ µû¶ó ±×´ë·Î µðÀÚÀÎÀÌ Àû¿ëµÇ¾î ÀÛÀº LCDÀÇ Æ¯Â¡À» °í·ÁÇÏÁö ¾ÊÀº ºÎºÐµéÀÌ ¸¹ÀÌ ³²¾Æ ÀÖ¾úÀ¸¸ç À̰͵éÀº ³Ø½Ã¿ÀÀÇ UI µðÀÚÀÎ ¹æÇâÀ» Ç®¾î³ª°¡´Â ÀÛÀº ½Ç¸¶¸®µéÀÌ µÇ¾îÁÖ¾ú´Ù.

½ÇÁ¦·Î i-todoÀÇ UI´Â PC¸¦ ±×´ë·Î Ãà¼Ò½ÃÄÑ ³õÀº µíÇؼ­ ÀÛÀº ÅؽºÆ®¿Í À§Á¬(Widget)ÀÌ »ç¿ëÀڵ鿡°Ô ºÒÆíÇÔÀ» ÁÖ°í ÀÖ¾ú´Ù. ÀÌ ¿Ü¿¡µµ °¢ ¾îÇø®ÄÉÀ̼ÇÀÇ GUI ½ºÅ¸ÀÏ, Easy KeyÀÇ À̹ÌÁö¿Í ±â´É »çÀÌÀÇ ÀÏ°ü¼º °á¿© µîÀÇ ¹®Á¦Á¡µéÀÌ ¹ß°ßµÇ¾ú´Ù.
ÀÌ ¿Ü¿¡µµ ¸¹Àº ¹®Á¦µéÀÌ ÀÖ¾úÁö¸¸ °á±¹ ÇÙ½ÉÀº ÀÛÀº LCD »ó¿¡¼­ »ç¿ëÀÚ°¡ ¿øÇÏ´Â ÀÛ¾÷À» ¼öÇàÇϱâ À§ÇÑ UI¿¡ ´ëÇÑ °í·Á°¡ ºÎÁ·ÇÏ´Ù´Â °ÍÀ̾ú´Ù. ÀÌ¿¡ µû¶ó ³Ø½Ã¿ÀÀÇ UI µðÀÚÀÎÀº ÀÛÀº LCD »ó¿¡¼­ ÃÖÀûÈ­µÈ »ç¿ë¼ºÀ» ¸ñÀûÀ¸·Î ÇÏ´Â »ç¿ëÀÚ Á᫐ µðÀÚÀÎ(User Centered Design) °³¹ß¿¡ ±× ÃÊÁ¡À» ¸ÂÃß¾ú´Ù.

³Ø½Ã¿À µðÀÚÀÎÀÇ ±âº» ÄÁ¼ÁÀº Simple, Soft, Easy ¿´´Ù. À̵éÀº °¢Á¾ Æ®·£µå ¹× »ç¿ëÀÚ ¼±È£µµ Á¶»ç¸¦ ÅëÇØ ÇÊÅ͸µµÈ ÀÚ·á¿Í »ï¼ºÀüÀÚ µðÀÚÀÎ Visual Positioning mapÀ» ÀÌ¿ëÇØ µµÃâÇÑ Å°¿öµå·Î ÇÁ·ÎÁ§Æ®ÀÇ Look & FeelÀ» ÅëÀÏÇÏ´Â »À´ë°¡ µÇ¾ú´Ù.
¸ÕÀú »ç¿ëÀÚ°¡ Æí¾ÈÇÏ°í ÀÚ¿¬½º·´°Ô ´Ù°¡°¥ ¼ö ÀÖ´Â ½ÉÇÃÇÑ ·¹À̾ƿô°ú °¡µ¶¼ºÀ» ³ôÀÎ ÆùÆ®, ¾ÆÀÌÄÜ, À§Á¬ »çÀÌÁ äÅÃÇÏ¿´À¸¸ç º¹ÀâÇÑ ¿ä¼Ò³ª ¾Ë ¼ö ¾ø´Â Ç¥½Ã µîÀ¸·Î »ç¿ëÀÚ°¡ È¥¶õ¿¡ ºüÁö´Â ÀÏÀÌ ¾øµµ·Ï µðÀÚÀÎ(Simple)ÇÏ¿´À½Àº ¹°·Ð ºí·ç¸¦ ±âº»À¸·Î ÇÑ ÆĽºÅÚ ÅæÀÇ Ä÷¯¸¦ äÅÃÇÏ°í ±×¶óµ¥À̼ÇÀ» ÅëÇØ ´õ¿í ±íÀÌ ÀÖ´Â ±×·¡ÇÈ È¿°ú¸¦ ÁÖ¾ú´Ù(Soft).
¸¶Áö¸·À¸·Î À§Á¬ÀÇ °íÀ¯ÇÑ Æ¯¼ºÀ» »ì·Á »ç¿ëÀÚ¿¡°Ô ÀÚ¿¬½º·¯¿î ÇൿÀ» À¯µµÇÏ¿´À¸¸ç »ç¿ëÀÚÀÇ Mental Model¿¡ ¸ÂÃç ·¹À̾ƿôÀ» µðÀÚÀÎÇÏ¿´´Ù(Easy). ƯÈ÷ ·¹À̾ƿô¿¡ ÅëÀϼºÀ» ÁÖ¾î ¾îÇø®ÄÉÀ̼Ǻ°·Î Á¦°¢±â ·¹À̾ƿôÀ» °®´Â °ÍÀÌ ¾Æ´Ï¶ó ±ÔÄ¢ÀûÀ¸·Î ±¸¼ºÇÔÀ¸·Î½á »ç¿ë¼º¿¡ ÀÖ¾î ´Ù¸¥ ¾îÇø®ÄÉÀ̼ǰú ¿¬µ¿µÉ ¼ö ÀÖ°Ô ÇÏ¿´´Ù.
¹°·Ð ¾ÆÁ÷ °³¼±ÇØ¾ß ÇÒ ¹®Á¦Á¡µéÀÌ »êÀûÇØ ÀÖÁö¸¸ °á°úÀûÀ¸·Î ¿Ï¼ºµÈ ³Ø½Ã¿ÀÀÇ UI´Â »ï¼ºÀÌ Ãß±¸ÇÏ´Â »ç¿ëÀÚ Á᫐ µðÀÚÀο¡ ´Ù°¡°¡±â À§ÇÑ Ã¹¹ø° ´ÜÃ߶ó°í »ý°¢ÇÑ´Ù.

¾ÆÁ÷±îÁöµµ ÀϹÝÀεéÀÇ °æ¿ì GUI¶ó°í ÇÏ¸é ¾ÆÀÌÄÜÀ» ¿¹»Ú°Ô ±×¸°´Ù°Å³ª È­¸éÀ» È­·ÁÇÏ°Ô ¸¸µå´Â ÀÏÀÌ ÀüºÎ¶ó°í ¿ÀÇØÇÏ´Â °æ¿ì°¡ ¸¹´Ù.
¾Æ¸¶µµ UI¸¦ Á¦ÀÛÇÒ ¶§ »ç¿ë¼º°ú ¹ÌÀûÀÎ Ãø¸éÀÇ °¥µî°ú ÀÌ¿¡ ´ëÇÑ µðÀÚÀÎÀûÀÎ Çù»óÀº ¿µ¿øÈ÷ µðÀÚÀ̳ʵéÀÇ ¼÷Á¦·Î ³²À» °ÍÀÌ´Ù. ÇÏÁö¸¸ GUI µðÀÚÀο¡ À־ ¸¸Å­Àº, »ç¿ë¼ºÀ» Áß½ÉÀ¸·Î µðÀÚÀÎÀ» ÇÒ ¶§³ª °¨¼ºÀ» Áß½ÉÀ¸·Î µðÀÚÀÎÀ» ÇÒ ¶§³ª ±âº»ÀûÀ¸·Î »ç¿ëÀÚ¸¦ ¸¸Á·½Ãų ¼ö ÀÖ´Â '»ç¿ëÀÚ Á᫐ µðÀÚÀÎ'À̾î¾ß ÇÒ °ÍÀÌ´Ù.


i-todo Window º¯°æ »çÇ× NEXiO Window
ÀüÈ­
ÀÛÀº È­¸é¿¡ ´ëÇÑ °í·Á°¡ ºÎÁ·Çß´ø i-todo¿¡ ºñÇØ NEXiO´Â ÅؽºÆ® »çÀÌÁ ´ëÆø ´Ã·Á °¡µ¶¼ºÀ» ³ô¿´´Ù.
ºÒÇÊ¿äÇÏ°Ô ¸ÚÀ» ºÎ¸° ¾îÁö·¯¿î ¹öÆ°¹è¿­µµ ¾Ë±â ½±°Ô Á¤·ÄÇØ ¿Àµ¿ÀÛÀ» ¸·¾Ò´Ù.
ÁÖ¼Ò·Ï
Å°º¸µå°¡ ¶¹À» ¶§ Áß¿äÇÑ ÄÁÆ®·Ñ ¹öÆ°À» ¸ðµÎ °¡·Á¹ö¸®´Â ¹®Á¦Á¡À» °³¼±Çϱâ À§ÇØ NEXiO´Â ¹öÆ°ÀÇ À§Ä¡¸¦ Á¶Á¤Çß´Ù.
ÀüÈ­
¶óÀΰú Ä÷¯¸¦ ÀÌ¿ëÇÑ ½Ã°¢ÀûÀÎ ±×·ìÇÎÀ¸·Î ¸Þ´ºµéÀÌ ±â´Éº°·Î È®¿¬È÷ ±¸º°µÇµµ·Ï ÇÏ¿´´Ù.
ÀüÈ­
È¥¶õ½º·¯¿î ¶óº§À̸§À» º¯°æÇÏ°í »ç¿ë¿¡ ºÒÇÊ¿äÇÑ ¹öÆ°µéÀÇ ±×·ìÇεµ ´Ù½Ã Á¤¸®ÇÏ¿´´Ù
ÀüÈ­
°¢Á¾ ¼³Á¤¿¡¼­ ºñ¹Ð¹øÈ£ ÀԷ½à 4ÀÚ¸® ¼ýÀÚÀÔ·ÂÀ» À§ÇØ »ç¿ëÇϱ⠾î·Á¿î Å°º¸µå¸¦ ¶ç¿ö¾ß Çß´ø ºÒÆíÀ» °í·ÁÇØ º°µµÀÇ Å°Æе带 Á¦°øÇß´Ù.
À̹ÌÁöº¸±â
±â´ÉÀûÀ¸·Îµµ ±âÁ¸ÀÇ »ç¿ëÀÚµéÀÌ ºÒÆíÀ» ´À³¢´ø ¹®Á¦Á¡µéÀÌ ´ëÆø °³¼±µÇ¾ú´Ù.
¼öµ¿À¸·Î ½½¶óÀ̵å¼î¸¦ ÄÁÆ®·ÑÇÒ ¼ö ¾ø¾ú´ø °ÍÀ» °³¼±ÇÑ ¿¹.
Ä«¸Þ¶ó
µðÁöÅÐ Ä«¸Þ¶óÀÇ UI¸¦ ±×´ë·Î ä¿ëÇØ ¹®Á¦°¡ ÀÖ¾ú´ø ¸Þ´º¸¦ ±â´É¿¡ ¸Â´Â µå·Ó´Ù¿î ¹æ½ÄÀ¸·Î ¹Ù²Ù¾úÀ¸¸ç ¼ÅÅÍ »çÀÌÁîµµ ´Ã·Á ¼ÕÀ¸·Î ´©¸¦ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù.

±Û_¿ø¼ÒÈñ(»ï¼ºÀüÀÚ ¼ÒÇÁÆ®¿þ¾î¼¾ÅÍ Interaction Group ¿¬±¸¿ø) / ÀÚ·áÁ¦°ø_»ï¼º¼ÒÇÁÆ®¿þ¼­¼¾ÅÍ Interaction Group
 


ÇÁ·ÎÁ§Æ®¸í_
Violet UI design
Ŭ¶óÀ̾ðÆ®_»ï¼ºÄÄÇ»ÅÍ
µðÀÚÀÎ_»ï¼º¼ÒÇÁÆ®¿þ¼­¼¾ÅÍ Interaction Group
±â°£_2002.1~2002.7
»çÁø_À±Ç༮

designdbÀâÁö ¸ñ·ÏÀ¸·Î °¡±âdesigndb ¸ÞÀÎÈ­¸éÀ¸·Î °¡±â
designdb 2003³â 5 6¿ùÈ£ (185È£) ùÆäÀÌÁö·Î °¡±â
prologue
±×´ë µðÀÚÀ̳ʿ©, Áö±Ý ´©±¸¿Í Çù»ó¿¡ ÀÓÇÏ°í Àִ°¡?
À¥µðÀÚÀÎ_ negotiation with story
À̾߱â¿ÍÀÇ ´ëÈ­ :
ID1010À» ÅëÇØ º» ½ºÅ丮 ÅÚ¸µ Çù»ó·Ð
ÀÎÅͺä : ¹Ú±â¿µ (Sugarcube executive prodecer)
software UI_ negotiation with screen
800 X 480 pixelÀÇ Çù»ó Å×À̺í :
NEXIO GUI °³¹ß ÇÁ·ÎÁ§Æ®
ÀÎÅͺä : ¿ø¼ÒÈñ (»ï¼ºÀüÀÚ ¼ÒÇÁÆ®¿þ¾î¼¾ÅÍ)
Á¦Ç°µðÀÚÀÎ_ negotiation with stranger
Àͼ÷ÇÏÁö ¾ÊÀº Á¸Àç¿ÍÀÇ Çù»ó :
Pegasus
ÀÎÅͺä : ±èÁøÈ­ ((ÁÖ)212 Á¦Ç° µðÀÚÀ̳Ê)
°ø°øµðÀÚÀÎ_ negotiation with User
Á¦¾ÈÀ¸·Î¼­ÀÇ °ø°ø µðÀÚÀÎ :
Á¤µ¶ µµ¼­°ü ÇÁ·ÎÁ§Æ®
ÀÎÅͺä : ¹Ú¿ë¼® (°ø°ø¹Ì¼ú ÀÛ°¡)
epilogue
Beyond the Negotiation
µðÀÚÀÌ³Ê ¿¬´ë±â 3
±Ù´ë µðÀÚÀÎÀÇ ±â¾ï - ¹Ú´ë¼ø
design directory
company :
¸ðÀÚ¿¡ ±Ç¸®¸¦ Áִ°÷, ´Ù´Ù½Ç¾÷
designer :
±Û·Î ½ºÄÉÄ¡ÇÏ´Â µðÀÚÀ̳Ê, À̵·ÅÂ
report
2002 µðÀÚÀαâ¹Ý±â¼ú °³¹ß»ç¾÷ ¿¬±¸º¸°í¼­
design ¼Ò½Ä
designdb news
design calendar
yellow page
µµ¿òÁֽźеé
design power of korea
³ªÀÇ µðÀÚÀÎ ¼Ó¿¡ Çѱ¹ µðÀÚÀÎ, Çѱ¹ µðÀÚÀÎ ¼Ó¿¡ ³ªÀÇ µðÀÚÀÎ
Á¶È¸¼ö : 5,013