|
|
|
|
|
|
|
¸ñÂ÷ |
|
UX Field
Principle 1: Everyone Can Be Great at UX
Principle 2: Be Strategic About Using These Principles
Principle 3: Don¡¯t Be Afraid to Ship Something Simple¡¦
Principle 4: ¡¦But Complexity Can Be Good for Some Users
Principle 5: Use A/B Testing to Test Your Ideas
Principle 6: Test with Real Users
Principle 7: Nobody Cares About Your Brand
Typography
Principle 8: Don¡¯t Use More than Two Typefaces
Principle 9: Users Already Have Fonts on Their Computers, So Use Them
Principle 10: Use Type Size and Weight to Depict an Information Hierarchy
Principle 11: Use a Sensible Default Size for Body Copy
Controls
Principle 12: Use an Ellipsis to Indicate That There¡¯s a Further Step
Principle 13: Make Interactive Elements Obvious and Discoverable
Principle 14: Make Buttons a Sensible Size And Group Them Together by Function
Principle 15: Make the Whole Button Clickable, Not Just the Text
Principle 16: Don¡¯t Invent New, Arbitrary Controls
Principle 17: Search Should Be a Text Field with a Button Labeled ¡°Search¡±
Principle 18: Sliders Should Be Used for Non-Quantifiable Values Only
Principle 19: Use Numeric Entry Fields for Precise Integers
Principle 20: Don¡¯t Use a Drop-Down Menu If You Only Have a Few Options
Principle 21: Allow Users to Undo Destructive Actions
Principle 22: Optimize Your Interface for Mobile
Content
Principle 23: Use ¡°Infinite Scroll¡± For Feed-Style Content Only
Principle 24: If Your Content Has a Beginning, Middle, and End, Use Pagination
Principle 25: Allow Users to Accept or Reject Cookies with One Click
Principle 26: Help Users Understand Their Next Steps from ¡°Empty States¡±
Principle 27: Make ¡°Getting Started¡± Tips Easily Dismissable
Principle 28: When a User Refreshes a Feed, Move Them to the Last Unread Item
Navigation
Principle 29: Don¡¯t Hide Items Away in a ¡°Hamburger¡± Menu
Principle 30: Make Your Links Look like Links
Principle 31: Split Menu Items Down Into Subsections, so Users Don¡¯t Have to Remember Large Lists
Principle 32: Categorize Settings in an Accessible Way
Principle 33: Repeat Menu Items in the Footer or Lower Down in the View
Iconography
Principle 34: Use Consistent Icons Across the Product
Principle 35: Don¡¯t Use Obsolete Icons
Principle 36: Don¡¯t Try to Depict a New Idea with an Existing Icon
Principle 37: Never Use Text on Icons
Principle 38: Always Give Icons a Text Label
Input
Principle 39: Use Device-Native Input Features Where Possible
Principle 40: Streamline Creating and Entering Passwords
Principle 41: Always Allow the User to Paste into Password Fields
Principle 42: Don¡¯t Attempt to Validate Email Addresses
Principle 43: Respect Users¡¯ Time and Effort in Your Forms
Principle 44: Pick a Sensible Size for Multiline Input Fields
Principle 45: Use Animation with Care in User Interfaces
Principle 46: Use the Same Date Picker Controls Consistently
Principle 47: Pre-Fill the Username in ¡°Forgot Password¡± Fields
Principle 48: Make Your Input Systems Case-Insensitive
Principle 49: Chatbots Are Usually a Bad Idea
Forms
Principle 50: If Your Forms Are Good, Your Product Is Good
Principle 51: Validate Data Entry as Soon as Possible
Principle 52: If the Form Fails Validation, Show the User Which Field Needs Their Attention
Principle 53: Users Don¡¯t Know (and Don¡¯t Care) About Your Data Formats
Principle 54: Pick the Right Control for the Job
User Data
Principle 55: Allow Users to Enter Phone Numbers However They Wish
Principle 56: Use Dropdowns Sensibly for Date Entry
Principle 57: Capture the Bare Minimum When Requesting Payment Card Details
Principle 58: Make It Easy for Users to Enter Postal or ZIP Codes
Principle 59: Don¡¯t Add Decimal Places to Currency Input
Principle 60: Make It Painless for the User to Add Images
Progress
Principle 61: Use a ¡°Linear¡± Progress Bar If a Task Will Take a Determinate Amount of Time
Principle 62: Show a Numeric Progress Indicator on the Progress Bar
Principle 63: Show a ¡°Spinner¡± If the Task Will Take an Indeterminate Amount of Time
Accessible Design
Principle 64: Contrast Ratios Are Your Friends
Principle 65: If You Must Use ¡°Flat Design¡± Then Add Some Visual Affordances to Controls
Principle 66: Avoid Ambiguous Symbols
Principle 67: Make Links Make Sense Out of Context
Principle 68: Add ¡°Skip to Content¡± Links Above the Header and Navigation
Principle 69: Never Use Color Alone to Convey Information
Principle 70: If You Turn off Device Zoom with a Meta Tag, You¡¯re Evil
Principle 71: Give Navigation Elements a Logical Tab Order
Principle 72: Write Clear Labels for Controls
Principle 73: Make Tappable Areas Finger-Sized
Journeys and State
Principle 74: Let Users Turn off Specific Notifications
Principle 75: Each Aspect of a User¡¯s Journey Should Have a Beginning and End
Principle 76: The User Should Always Know What Stage They Are at in Any Given Journey
Principle 77: Use Breadcrumb Navigation
Principle 78: Users Rarely Care About Your Company
Principle 79: Follow the Standard E-Commerce Pattern
Principle 80: Show an Indicator If the User¡¯s Work Is Unsaved
Principle 81: Let Users Give Feedback, but Don¡¯t Hassle Them
Principle 82: Don¡¯t Use a Vanity Splash Screen
Principle 83: Make Your Favicon Distinctive
Principle 84: Add a ¡°Create From Existing¡± Flow
Principle 85: Make It Easy for Users to Pay You
Principle 86: Give Users the Ability to Filter Search Results
Principle 87: Your Users Probably Don¡¯t Understand the Filesystem
Principle 88: Show, Don¡¯t Tell
Terminology
Principle 89: Be Consistent with Terminology
Principle 90: Use ¡°Sign In¡± and ¡°Sign Out¡±, Not ¡°Log In¡± and ¡°Log Out¡±
Principle 91: Make It Clear to Users If They¡¯re Joining or Signing In
Principle 92: Standardize the Password Reset Experience
Principle 93: Write Like a Human Being
Principle 94: Choose Active Verbs over Passive
Expectations
Principle 95: Search Results Pages Should Show the Most Relevant Result at the Top of the Page
Principle 96: Pick Good Defaults
Principle 97: Only Use Modal Views for Blocking Actions
Principle 98: Give Users the Experience They Expect
Principle 99: Decide Whether an Interaction Should Be Obvious, Easy, or Possible
Principle 100: ¡°Does It Work on Mobile?¡± Is Obsolete
UX Philosophy
Principle 101: Don¡¯t Join the Dark Side
Bonus: Strive for Simplicity
Other Books You May Enjoy
Index |
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|