WebUserInterface,Usa.hwp
  [Size :
42 Kbyte
]
|
  1,900
|   14 Page
|
 
|
|   _%
|
|  
|
|
ÀÚ·á¼³¸í
| , , 1. UI µðÀÚÀÎÀ̶õ, , 2. UI µðÀÚÀÎÀÌ ¿Ö ÇÊ¿äÇѰ¡, °³¹ßÀÚ Á߽ɿ¡¼ »ç¿ëÀÚ Áß½ÉÀ¸·ÎÀÇ º¯È , - °í¼º´É PCÀÇ º¸±Þ , - °³¹ß »ý»ê¼º Çâ»ó , - ºñ¿ëÀý°¨¿¡ ´ëÇÑ ¾Ð·Â Áõ°¡ , - User Interface DesignÀûÀÎ ÇØ°áÀÇ Çʿ伺 , , 3. UI µðÀÚÀÎÀÇ ±âº» ÀÌ·Ð, 1).¸ÞŸÆ÷ , 2).Á÷Á¢Á¶ÀÛ(Direct Manipulation) , 3).º¸°í ¼±ÅÃÇϱâ(See-and Point) , 4).¹ÝÀÀ°ú ´ëÈ(Feedback and Dialog) , 5).°ü´ëÇÔ(Forgiveness) , 6).¹ÌÀû ¿ÏÀüÇÔ(Aesthetic integrity) , 7).»ç¿ëÀÚ¿¡ ´ëÇÑ ÀÌÇØ , 8).Á¢±Ù °¡´É¼º(Accessibility) , 9).Á¶Á÷¼º , -Àϰü¼º(Consistency) , -¾ÈÁ¤¼º(Perceived Stability), -Navigability , 10).°æÁ¦¼º , -°£°á¼º(Simplicity) , -¸í·á¼º(Clarity) , 11).ÀÇ»ç¼ÒÅ뼺 , 12).Àå¾ÖÀÎÀ» À§ÇÑ µðÀÚÀÎ ¿øÄ¢ , ±â¹ý , , 4.À¥»çÀÌÆ®¿¡¼ÀÇ UIµðÀÚÀΠüũ¸®½ºÆ® , 1)Business Goals , 2)User Goal , 3)Á¤º¸ÀÇ Çâ±â , 4)¸µÅ©ÀÇ Ç°Áú , 5)¸µÅ©±¸¼º , 6)ÆäÀÌÁö ·¹À̾ƿô , 7)±×·¡ÇÈ , 8)»çÀÌÆ® ±¸¼º , 9)»çÀÌÆ® »óÀÇ °Ë»ö¿£Áø , , 5.»ç¿ë¼º(Usability)À» °í·ÁÇÑ À¥ »çÀÌÆ® ±âȹÇϱâ, 1)»ç¿ëÀÚµé·ÎºÎÅÍ µ¥ÀÌÅÍ ¼öÁýÇϱâ , 2)ÇÁ·ÎÅäŸÀÔ (Prototype) Á¦ÀÛ , 3)ÀÚ·á¼öÁý, ÄÁÅÙÃ÷ Á¦ÀÛ ¹× ÆíÁý , 4)»ç¿ë¼º Å×½ºÆ® ¼öÇà , 5)»çÀÌÆ®ÀÇ Áö¼ÓÀûÀÎ °ü¸® , , UI µðÀÚÀÌ³Ê VS Ŭ¶óÀÌ¾ðÆ® , , , FileSize : 43K
|
| º»¹®/¸ñÂ÷
1. UI µðÀÚÀÎÀ̶õ
2. UI µðÀÚÀÎÀÌ ¿Ö ÇÊ¿äÇѰ¡
°³¹ßÀÚ Á߽ɿ¡¼ »ç¿ëÀÚ Áß½ÉÀ¸·ÎÀÇ º¯È
- °í¼º´É PCÀÇ º¸±Þ
- °³¹ß »ý»ê¼º Çâ»ó
- ºñ¿ëÀý°¨¿¡ ´ëÇÑ ¾Ð·Â Áõ°¡
- User Interface DesignÀûÀÎ ÇØ°áÀÇ Çʿ伺
3. UI µðÀÚÀÎÀÇ ±âº» ÀÌ·Ð
1).¸ÞŸÆ÷
2).Á÷Á¢Á¶ÀÛ(Direct Manipulation)
3).º¸°í ¼±ÅÃÇϱâ(See-and Point)
4).¹ÝÀÀ°ú ´ëÈ(Feedback and Dialog)
5).°ü´ëÇÔ(Forgiveness)
6).¹ÌÀû ¿ÏÀüÇÔ(Aesthetic integrity)
7).»ç¿ëÀÚ¿¡ ´ëÇÑ ÀÌÇØ
8).Á¢±Ù °¡´É¼º(Accessibility)
9).Á¶Á÷¼º
-Àϰü¼º(Consistency)
-¾ÈÁ¤¼º(Perceived Stability)
-Navigability
10).°æÁ¦¼º
-°£°á¼º(Simplicity)
-¸í·á¼º(Clarity)
11).ÀÇ»ç¼ÒÅ뼺
12).Àå¾ÖÀÎÀ» À§ÇÑ µðÀÚÀÎ ¿øÄ¢
±â¹ý
4.À¥»çÀÌÆ®¿¡¼ÀÇ UIµðÀÚÀΠüũ¸®½ºÆ®
1)Business Goals
2)User Goal
3)Á¤º¸ÀÇ Çâ±â
4)¸µÅ©ÀÇ Ç°Áú
5)¸µÅ©±¸¼º
6)ÆäÀÌÁö ·¹À̾ƿô
7)±×·¡ÇÈ
8)»çÀÌÆ® ±¸¼º
9)»çÀÌÆ® »óÀÇ °Ë»ö¿£Áø
5.»ç¿ë¼º(Usability)À» °í·ÁÇÑ À¥ »çÀÌÆ® ±âȹÇϱâ
1)»ç¿ëÀÚµé·ÎºÎÅÍ µ¥ÀÌÅÍ ¼öÁýÇϱâ
2)ÇÁ·ÎÅäŸÀÔ (Prototype) Á¦ÀÛ
3)ÀÚ·á¼öÁý, ÄÁÅÙÃ÷ Á¦ÀÛ ¹× ÆíÁý
4)»ç¿ë¼º Å×½ºÆ® ¼öÇà
5)»çÀÌÆ®ÀÇ Áö¼ÓÀûÀÎ °ü¸®
UI µðÀÚÀÌ³Ê VS Ŭ¶óÀ̾ðÆ®
1. UI µðÀÚÀÎÀ̶õ
»çÀüÀûÀÎ Àǹ̷Π¸ÕÀú »ìÆìº¸¸é¡¦
»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º´Â »ç¶÷°ú ½Ã½ºÅÛ°£ÀÇ Á¢Á¡, ¶Ç´Â »ç¿ëÀÚ¿Í °¢°¢ÀÇ ½Ã½ºÅÛ»çÀÌÀÇ Á¤º¸Ã¤³ÎÀ̶ó°íµµ Ç¥ÇöÇÏ¸ç ±× °³³äÀº º¸´Ù »ç¿ëÇÏ±â ÆíÇÑ ½Ã½ºÅÛÀ» ¸¸µé±â À§ÇØ »ç¿ëÀÚÀÇ ÀÎÁöÀû Ãø¸é¿¡¼ µðÀÚÀÎÇÏ°í »ç¿ë Æí¸®¼ºÀ» Æò°¡ÇÏ´Â °ÍÀ̶ó°í ÇÒ ¼ö ÀÖ´Ù.
»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º µðÀÚÀÎÀ̶õ »ç¿ëÀÚ¿Í ÄÄÇ»ÅÍ»çÀÌÀÇ »óÈ£ Á¤º¸ ±³È¯ÀÇ ¹®Á¦Á¡À» Áö°¢Àû, ÀÎÁöÀû ƯÁú·ÎºÎÅÍ ¹àÇô ³»°í À̸¦ ü°èÈ ½ÃÄѼ »ç¿ëÀÚ°¡ ½±°Ô ´ëÇÒ ¼ö ÀÖ´Â ÀÎÅÍÆäÀ̽º¸¦ ¸¸µé¾î °¡´Â µðÀÚÀÎ Á¢±Ù¹ýÀ̶ó Á¤ÀÇ ÇÒ ¼ö ÀÖ´Ù.
ÀϹÝÀûÀ¸·Î ÀÎÅÍÆäÀ̽º¶õ ¼·ÎÀÇ °ü°è¿¡ ÀÖ¾î¼ÀÇ °øÀ¯¿µ¿ª ȤÀº Ä¿¹Â´ÏÄÉÀÌ¼Ç Åë·Î·Î½á ¿ìÁÖ¿Í ¿ìÁÖÀΰúÀÇ °ü°è¿¡¼ÀÇ ¿ìÁÖº¹, Àΰ£°ú ¹®ÀÇ °ü°è¿¡¼ÀÇ ¼ÕÀâÀÌ, ¶ÇÇÑ ¿îÀüÀÚ¿Í ÀÚµ¿Â÷»çÀÌÀÇ ÀÎÅÍÆäÀ̽º´Â Â÷ÀÇ °è±âÆÇ°ú º¯¼Ó±â µîÀ¸·Î ÈçÈ÷ Á¤ÀÇÇÒ ¼ö ÀÖ´Â °ÍÀÌ´Ù.
¿ì¸®´Â »ýȰ ¼Ó¿¡¼¡¦(»ý·«)
ÀÇ ¿øÈ°ÇÑ ÀÇ»ç ¼ÒÅëÀ» À§ÇØ ¼ö¸¹Àº °ü°è¿ÍÀÇ ÁÁÀº ÀÎÅÍÆäÀ̽º¸¦ ¿©·¯ °¢µµ·Î ¿ä±¸ÇÏ¸ç »ì°í ÀÖ´Ù. ƯÈ÷ ÄÄÇ»ÅͰ¡ Á÷Á¢ ¶Ç´Â °£Á¢ÀûÀ¸·Î ¿ì¸® »ýȰÀ» Á¡·ÉÇϰí ÀÖ´Â »óȲ¿¡¼ ÄÄÇ»ÅÍ¿Í Àΰ£ÀÇ ÀÎÅÍÆäÀ̽º°¡ ¹«¾ùº¸´Ùµµ Áß¿äÇÑ ¹®Á¦·Î ´ëµÎµÇ¾ú°í °ü°è¿¡ ´ëÇÑ °³¼±Àº ÇʼöÀûÀÎ °úÁ¦°¡ µÇ¾î ¿©·¯ »ê¾÷ ºÐ¾ß¿¡¼µµ Áö¼ÓÀûÀÎ ¿¬±¸°¡ °è¼ÓµÇ°í ÀÖ´Â °ÍÀÌ´Ù. À̸¦.......
|
|
|

| [AD] ½º¸¶Æ®º¸ÀÌ
|
(º¸°üµÈ ÀÚ·á°¡ ¾ø½À´Ï´Ù)
| |