¾î¶² ȨÆäÀÌÁö°¡ ÁÁÀº ȨÆäÀÌÁöÀϱî?
¾î¶² ȨÆäÀÌÁö°¡ ÁÁÀº ȨÆäÀÌÁöÀϱî? ÇÊÀÚ°¡ ȨÆäÀÌÁö¸¦ óÀ½ ¸¸µé´ø ½ÃÀýºÎÅÍ °è¼Ó »ý°¢Çؿ Áú¹®ÀÌ´Ù. ÃÖ±Ù¿¡ ¿Í¼ »ç¿ë¼º(Usability)©ûÀÌ ¾Æ´Ò±î »ý°¢ÇØ º»´Ù. ¾Æ¹«¸® µðÀÚÀÎÀÌ ÁÁ°í ³»¿ëÀÌ ÁÁ¾Æµµ ³»°¡ ±×°ÍÀ» Ȱ¿ëÇÒ ¼ö ¾ø´Ù¸é µðÀÚÀÎÀÌ°í ³»¿ëÀÌ°í ´Ù ¼Ò¿ë¾ø´Â ÀÏÀÌ ¾Æ´Ñ°¡?
¿¹¸¦ µéÀÚ¸é ÀÚ½ÅÀÌ ¸ð¸£´Â ¾ð¾î·Î ¸¸µé¾îÁø »çÀÌÆ®¿¡ Á¢¼ÓÇØº¸¶ó. ´Ù¿î·Îµå °°Àº ¸ñÀûÀÌ ¾ø´Ù¸é ±×³É µÚ·Î(Undo) ¹öưÀ» ´©¸¦ °ÍÀÌ´Ù. ³Ê¹« ±Ø´ÜÀûÀÎ ¿¹Áö¸¸ ¾Æ´Â ¾ð¾î·Î µÈ »çÀÌÆ®¿¡¼ Á¶Â÷ ¾îµð¿¡ ¹«¾ùÀÌ ÀÖ´ÂÁö ¸ð¸£´Â °æ¿ì°¡ ¸¹´Ù.
±×·³ »ç¿ë¼ºÀ» ³ôÀ̱â À§ÇØ »ý°¢ÇØ¾ß ÇÒ Á¶°ÇÀ» º¸ÀÚ. ´ÙÀ½Àº À¯Àúºô¸®Æ¼ ÄÁ¼³ÅÏÆ®ÀÎ ½ºÆ¼ºê Å©·è(Steve Krug)ÀÇ À¯Àúºô¸®Æ¼ ¹ýÄ¢ÀÌ´Ù.
1.»ç¿ëÀÚ¸¦ °í¹ÎÇÏ°Ô ÇÏÁö ¸¶¶ó.
2.°í¹Î¾øÀÌ, ÀÚ½ÅÀÖ°Ô Å¬¸¯Çß´Ù¸é ±× È½¼ö´Â Áß¿äÄ¡ ¾Ê´Ù.
3.°¢ ÆäÀÌÁö ºÐ·®À» Àý¹ÝÀ¸·Î ÁÙÀ̰í, ³²Àº ºÐ·®À» ´Ù½Ã ¹ÝÀ¸·Î ÁÙ¿©¶ó.
¡ºÃâó : »ó½ÄÀÌ ÅëÇÏ´Â À¥»çÀÌÆ®°¡ ¼º°øÇÑ´Ù¡»
Á¦ 1 ¹ýÄ¢Àº ¸íÈ®ÇÑ ÁÖÁ¦ ¼³Á¤ÀÇ Çʿ伺°ú »ç¿ë¼ºÀ» ¶³¾îÆ®¸®´Â °®°¡Áö µðÀÚÀο¡ ´ëÇØ À̾߱â ÇÏ´Â °ÍÀÌ´Ù. »çÀÌÆ®°¡ ÁÖÁ¦´Â ¹«¾ùÀΰ¡? ¹æ¹®°´µéÀÌ ¹«¾ùÀ» ÇÒ ¼ö Àִ°¡? ¿øÇÏ´Â Ç׸ñÀ¸·Î °¡·Á¸é ¾î¶² ¹öưÀ» ´·¯¾ß Çϴ°¡? ÀÌ·¯ÇÑ ³»¿ëµéÀ» »ç¿ëÀÚ°¡ °í¹ÎÇÏÁö ¾Êµµ·Ï Ç϶ó´Â °ÍÀÌ´Ù.
Á¦ 2 ¹ýÄ¢Àº ¿¹¿Ü¿¡ ¼ÓÇÑ´Ù. ¿øÇÏ´Â Á¤º¸¸¦ ¾ò±â À§ÇØ 3ȸ Á¤µµÀÇ ¸µÅ©°¡ Àû´çÇÏ´Ù°í ÇÑ´Ù. ±×·¯³ª ÀÚ½ÅÀÇ ¿øÇÏ´Â Á¤º¸·Î °¡°í ÀÖ´Â°Ô È®½ÇÇÏ´Ù¸é ±× È½¼ö°¡ ´õ ´Ã¾î³ªµµ »ó°ü¾ø´Ù´Â ¶æÀÌ´Ù.
Á¦ 3 ¹ýÄ¢Àº Áߺ¹µÈ ³»¿ëÀ̳ª ÇÊ¿ä¾ø´Â °ÍÀ» »èÁ¦Çؼ À¥ÆäÀÌÁö¿¡¼ »ý±æ ºÒÇÊ¿äÇÑ ¼ÒÀ½À» ÁÙÀ̰í, À¯¿ëÇÑ ÄÁÅÙÃ÷¸¦ ºÎ°¢½ÃŰ°Å³ª, ÆäÀÌÁö¸¦ ª°Ô ¸¸µé¾î ºÒÇÊ¿äÇÑ ½ºÅ©·ÑÀÌ »ý±â´Â °ÍÀ» ¸·ÀÚ´Â °ÍÀÌ´Ù.
³Ê¹« ÀÌ·ÐÀûÀ̶ó ¾î¶»°Ô ÀÀ¿ëÇØ¾ß ÇÒÁö Àǹ®ÀÌ »ý±â½ÇÁöµµ ¸ð¸£°Ú´Ù. ±×·³ ¿ì¸®°¡ ÇÏ´Â ÀϹÝÀûÀÎ ½Ç¼ö¸¦ º¸¸é¼ »ç¿ë¼ºÀ» ³ôÀÌ´Â ¹æ¹ýÀ» »ìÆìº¸ÀÚ.
1. ´Ù¿î·Îµå°¡ ¿À·¡°É¸®´Â °æ¿ì
ÃÖ±Ù¿¡ ÀÎÅÍ³Ý È¯°æÀÌ ÁÁ¾ÆÁ®¼ ÀÌ·¯ÇÑ °æ¿ì´Â ¸¹Áö ¾Ê´Ù. ÇÏÁö¸¸ ¹«¸®ÇÑ µ¿¿µ»ó ÆÄÀÏ ·ÎµùÀ̳ª ¿ë·®ÀÇ Å« ÆÄÀÏÀ» »ç¿ëÇÏ´Â °æ¿ì ´Ù¿î·Îµå°¡ ¿À·¡°É·Á ⠴ݱ⳪ µÚ·Î °¡±â ¹öưÀ» ´©¸£°Ô ÇÑ´Ù.
2. ±æ°Ô ½ºÅ©·ÑµÇ´Â ÆäÀÌÁö
°¡Àå ¸¹ÀÌÇÏ´Â ½Ç¼ö·Î Çѹø¿¡ ³Ê¹« ¸¹Àº ³»¿ëÀº ÁÖ¸ñ¼ºÀ» ¶³¾î¶ß·Á ÀÌÇØÇϴµ¥ ¹æÇذ¡ µÈ´Ù. ¶ÇÇÑ ½ºÅ©·Ñ ½ºÅ¾ÆÛ(Scroll Stopper)©ü°°Àº °ÍÀÌ »ý±â±âµµ ÇÑ´Ù.
3. ÃֽŠÀ¥ ±â¼ú Ȱ¿ë
Ç÷¡½Ã³ª ÀÚ¹Ù½ºÅ©¸³Æ® °°Àº »õ·Î¿î À¥ ±â¼úÀº ºÐ¸í »çÀÌÆ®¸¦ µ¶º¸À̱⿡ ÇÊ¿äÇÑ ¿ä¼ÒÀÓÀº ºÎÀÎÇÒ ¼ö ¾ø´Ù. ±×·¯³ª ³Ê¹« ±â¼úÀûÀÎ ¸é¿¡ Ä¡ÁßÇÏ°Ô µÇ¸é ¹æ¹®°´ÀÌ ÄÁÅÙÃ÷¿¡ ÁýÁßÇÒ ½Ã°£À» »©¾Ñ´Â´Ù. ¶ÇÇÑ ¸î¸î ¹æ¹®°´¿¡°Õ ¿À·ù ¸Þ¼¼Áö¸¦ º¸¿©ÁÙ ¼öµµ ÀÖ´Ù.
4. ²÷ÀÓ¾øÀÌ ¿òÁ÷ÀÌ´Â ÅØ½ºÆ®³ª ¾Ö´Ï¸ÞÀ̼Ç
±îÆä¿¡¼ ¸¹ÀÌ »ç¿ëÇϰí ÀÖ´Â ½Ç¼öÀε¥ ²÷ÀÓ¾øÀÌ ¿òÁ÷ÀÌ´Â °Í(µ¿¿µ»ó, ±ô¹Ú°Å¸®´Â ±ÛÀÚ, ¸¶¿ì½º¸¦ µû¶ó´Ù´Ï´Â À̹ÌÁö, etc...)µéÀº ´«¿¡ ºÎ´ãÀ» ÁÙ»Ó ¾Æ´Ï¶ó, ´Ù¿î·Îµå ¼Óµµ¿¡ ¿µÇâÀ» ÁÖ¸ç, ¹æ¹®°´ÀÇ ÁýÁß·ÂÀ» ºÐ»ê ½ÃŲ´Ù.
5. Çѹø¿¡ ¸µÅ©¶ó°í ±¸º°ÀÌ ¾È°¡´Â ¹öưÀ̳ª ¸Þ´ºµé
¹è³Êó·³ »ý±ä ¹öưÀ̳ª ¸Þ´º¸¦ º»ÀûÀÌ Àִ°¡? ÀÌ·¯ÇÑ °ÍµéÀº ¹è³Ê·Î Ãë±Þ¹Þ¾Æ Ŭ¸¯¿¡¼ Á¦¿Ü µÇ±âµµ ÇÑ´Ù.
6. º¹ÀâÇÑ URL »ç¿ë
¿äÁòÀº °ÅÀÇ ¸ðµÎ °Ë»öÀ» ÅëÇÑ Á¢¼ÓÀÌ ´Ù¹Ý»çÁö¸¸ ¾ÆÁ÷ Á÷Á¢ ÁÖ¼Ò¸¦ Ä¡´Â °æ¿ìµµ ÀÖ´Ù. ±×·²¶§ º¹ÀâÇÑ URL ÁÖ¼Ò´Â Á¢¼ÓÇϴµ¥ ºÒÆíÀ» ÁØ´Ù. ¶ÇÇÑ Æ¯¼ö¹®ÀÚ³ª ÇѱÛÀ» »ç¿ëÇÏ¸é ¸î¸î °³Àο¡°Ô ¿À·ù ¸Þ¼¼Áö¸¦ º¸¿©ÁÙ ¼öµµ ÀÖ´Ù.
7. ÇÁ·¹ÀÓ »ç¿ë
ÇÁ·¹ÀÓÀ» »ç¿ëÇÏ¸é ÆäÀÌÁöÀÇ Àϰü¼ºÀ» À¯ÁöÇϴµ¥ µµ¿òÀ» ÁØ´Ù. ÇÏÁö¸¸ ´ÜÁ¡ÀÌ ¾ø´Â °ÍÀº ¾Æ´Ï´Ù. °£´ÜÇÑ ¿¹·Î Çѹø¿¡ Àüü ÆäÀÌÁö¸¦ ½ºÅ©·Ñ ÇÒ ¼ö ¾ø´Ù. ¶ÇÇÑ µÚ·Î(undo) ¹öưÀ» »ç¿ëÇÒ¶§µµ ¹æÇØÇÑ´Ù.
8. Àϰü¼ºÀÌ ¶³¾îÁö´Â µðÀÚÀÎ
¾î¶² À¥»çÀÌÆ®´Â ³»°¡ ÀÖ´Â °÷ÀÌ ¾îµðÀÎÁö ¾Ë ¼ö ¾ø°í, ÀÌ ÆäÀÌÁö°¡ Á¶±ÝÀü ÆäÀÌÁöÀÇ ¿¬¼ÓÀΰ¡¶ó´Â Àǹ® »ý±â±âµµ ÇÑ´Ù. ÀÌ·¯ÇÑ °æ¿ì°¡ Àϰü¼ºÀÌ ¶³¾îÁö´Â °æ¿ìÀÌ´Ù. ¹æ¹®°´¿¡°Ô Áö±Ý ´ç½ÅÀº ¿øÇÏ´Â ÆäÀÌÁö·Î Àß °¡°í ÀÖ´Ù°í ¾Ë·ÁÁà¾ß ÇÑ´Ù.
9. ³Ê¹« ¸¹Àº ÄÁÅÙÃ÷ »ç¿ë
ºí·Î±×³ª ±îÆä¿¡ ÀÚÁÖ »ç¿ëÇÏÁöµµ ¾Ê´Â ÄÁÅÙÃ÷¸¦ ¹æÄ¡Çϰí ÀÖÁö ¾ÊÀºÁö »ý°¢ÇØ º¸ÀÚ. ¿äÁòÀº Â÷º°È¿Í ƯÈȸ¸ÀÌ °æÀï¿¡¼ »ì¾Æ³²À» ¹æ¹ýÀε¥ ÄÁÅÙÃ÷ »Ô¸®±â¿¡ ³Ê¹« Ä¡ÁßÇÑ Æ÷Å»»çÀÌÆ®µéÀ» º¸¸ç ÀÌÁ¦ ÀÚÁ¦ÇÏ°í »ý°¢ÇغÁ¾ß ÇÏ´Â°Ç ¾Æ´Ñ°¡ »ý°¢ÇØ º»´Ù.
10. »õ âÀ» ¶ç¿ì´Â °æ¿ì
À̰ÍÀº »ç¿ë¼º°ú´Â »ó°üÀÌ ¾øÀ» ¼öµµ ÀÖ´Ù. ÇÏÁö¸¸ °³ÀÎÀûÀ¸·Î Á¦ÀÏ ½È¾îÇÏ´Â °ÍÀÌ »õ â ¶ß±âÀÌ´Ù. ¿øÇÏÁö ¾Ê´Â Á¤º¸¸¦ »õ·Î¿î â¿¡´Ù°¡ º¸¿©ÁÖ´Â µ¥ ´©°¡ ÁÁ¾ÆÇϰڴ°¡?
ÀÌÁ¦ °á·ÐÀ» ¸Î¾îº¸¸é ÁÁÀº ȨÆäÀÌÁö¶õ?
¸íÈ®ÇÑ ÁÖÁ¦¿Í ²ÙÁØÇÑ °ü¸®, ÀÚ½ÅÀÇ ¸ñÇ¥·Î ÇÑ ¹æ¹®°´¿¡ ¸Â´Â µðÀÚÀÎ ±¸Ãà, Â÷º°ÈµÇ°í Æ¯ÈµÈ ÄÁÅÙÃ÷ º¸À¯¶ó°í »ý°¢ÇÑ´Ù.
ps. ¿ÀÇ»çÀü¿¡ µî·ÏÇÑ ±ÛÀ» ¼öÁ¤Çϱâ Èûµé¾î¼ ¿©±â¿¡ ´Ù½Ã ¼öÁ¤Çؼ ¿Ã¸³´Ï´Ù.
»ç¿ë¼º(Usability)©û
½Ã½ºÅÛÀ» º»·¡ÀÇ ¼³°è ¸ñÀû¿¡ µû¶ó È¿À²¼º ÀÖ°Ô »ç¿ëÇÒ ¼ö ÀÖ´Â Á¤µµ. »ç¿ë¼ºÀÌ ³ôÀ»¼ö·Ï »ç¿ëÇÏ±â Æí¸®Çϰí À¶Å뼺ÀÌ ³ô´Ù.
½ºÅ©·Ñ ½ºÅ¾ÆÛ(Scroll Stopper)©ü
À¥À» »ç¿ëÇÏ´Ùº¸¸é ÆäÀÌÁöÀÇ ³¡ ºÎºÐÀÌ ¾Æ´Ô¿¡µµ ºÒ±¸ÇÏ°í ÆäÀÌÁöÀÇ ³¡ ºÎºÐó·³ º¸ÀÌ´Â µðÀÚÀÎ ¶§¹®¿¡, ¸µÅ©°¡ µÇ´Â Áß¿äÇÑ ¿ä¼Ò¿Í Á¤º¸µéÀ» º¼ ¼ö ¾ø´Â °æ¿ì°¡ ÀÖ´Ù.
³»¿ëÃâó : [Á÷Á¢ ¼¼ú] Âü°íÀÚ·á // »ó½ÄÀÌ ÅëÇÏ´Â À¥»çÀÌÆ®°¡ ¼º°øÇÑ´Ù./½ºÆ¼ºê Å©·è
|