디자인 스킬

Choose a design direction using criteria agreed before comparing options. Produce a decision record explaining the winner’s trade-offs, what rejected concepts tested, why they lost, and what evidence or conditions would justify reconsidering them.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choosing one direction from several design concepts
• Separating hard constraints from trade-offs
• Recording rejected ideas and conditions for reconsideration

Create a consistent text system for digital interfaces, with related font sizes, weights, line heights, and letter spacing. Set rules for headings, body text, and captions, including font choices and adjustments for mobile screens.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Defining text styles for a new product
• Standardizing heading, body, and caption styles
• Adjusting typography for mobile screens

Define an illustration style guide for a product, covering shapes, linework, colors, detail, and placement. Set consistent rules for different uses, with character guidance where relevant, to support commissioning and shared production.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing illustration guidelines for a commission
• Aligning illustration styles across contributors
• Defining illustrations for empty screens and onboarding

Plan the content a product needs, how it is organized, and who maintains it. Review existing material, define reusable content types, establish writing guidelines, and document ownership, approval steps, and review schedules.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing existing content for gaps and duplication
• Defining reusable content types and fields
• Aligning writing style across a product

Compare competing products by features and user experience, including the steps people take to complete tasks. Produce comparison tables, competitor profiles, and improvement opportunities based on strengths, friction points, and unmet needs.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Comparing competitors' features and usability
• Reviewing complete user journeys
• Finding unmet needs and improvement opportunities

Choose charts for comparisons, trends, distributions, and relationships, then design axes, labels, and visual cues. Make the data easier to read with annotations, accessible styling, and layouts that remain useful on smaller screens.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choosing charts for comparisons and trends
• Clarifying chart axes, labels, and annotations
• Making charts understandable without color alone

Design progress indicators, draft resumption, and reminders using the Zeigarnik Effect: unfinished tasks tend to stay in mind. Specify clear remaining steps, saved progress, and ways to resume without pressuring people to finish.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing progress displays for setup flows
• Planning draft saving and resumption
• Writing reminders for interrupted tasks

Organize forms, menus, and workflows into meaningful groups that are easier to scan, understand, and remember. Apply chunking, which combines related information into manageable units, using headings, spacing, and clear divisions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Dividing a long form into clear sections
• Grouping menu items by category
• Organizing onboarding into named phases

Write a design brief for a specific project, defining the problem, audience, constraints, and success criteria. Bring together scope, research inputs, deliverables, and milestones so stakeholders can agree on the direction before work begins.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing a design brief at project kickoff
• Aligning stakeholders on the problem and audience
• Defining measurable success criteria

Evaluate interface decisions against patterns users already know from other products. Identify strong expectations, assess the learning cost of changing familiar interactions, and determine when a different approach is justified by the task or user testing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review whether a new interaction needs a familiar pattern
• Compare conventions across similar products
• Assess the learning cost of an unfamiliar interface

Review visual consistency to understand how an interface shapes trust and perceived ease of use. Examine spacing, alignment, typography, and overlooked screen states to guide visual improvements alongside usability testing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating poor feedback on a functional interface
• Checking visual consistency before launch
• Reviewing error, empty, and loading states

Design a search experience covering query input, suggestions, result layouts, filters, and helpful responses when nothing matches. It also identifies search metrics that reveal missing content, weak rankings, and places where users struggle to find information.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing search for a product catalog
• Improving searches that return no results
• Organizing filters and result layouts

Map a service experience across websites, apps, physical locations, and support. Organize user actions, emotions, pain points, and information flows by phase to reveal gaps between touchpoints and help teams identify opportunities for improvement.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing experiences across digital and physical channels
• Finding gaps across products and support
• Aligning teams on the current service experience

Design layouts and interactions that adapt to different screen sizes and input methods. Plan how columns, navigation, text, and images change across screens, with attention to touch targets, keyboard focus, device orientation, and accessibility.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adapt desktop layouts for smaller screens
• Plan touch, mouse, and keyboard interactions
• Adjust text sizes and image crops

Organize forms, cards, headings, and actions through spacing. This skill applies proximity, the principle that nearby elements appear related, to make groups and relationships clear without relying on borders or labels.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying which label belongs to each form field
• Adjusting spacing between headings and content
• Grouping card titles, text, and metadata

Write realistic tasks for usability tests, where participants try to achieve goals using a product. Define success criteria, observation points, and follow-up questions while avoiding wording that gives away the interface steps.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing participant tasks for usability tests
• Defining task success criteria
• Organizing observation points and follow-up questions

Create clear design principles that help a team resolve recurring disagreements. Each principle includes a rationale, examples, a counterexample, and trade-offs, with priorities that guide decisions when principles conflict.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Resolving recurring disagreements about design
• Turning product values into decision criteria
• Setting priorities when principles conflict

Compose interfaces so people notice key content and actions first. Use text size, weight, color, spacing, position, and grouping to establish clear levels of importance and make pages easier to scan.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Making a page’s main action stand out
• Organizing information within cards
• Setting priorities for form labels and messages

Choose measures that connect design decisions to user experience and business outcomes. Define what each measure means, how and where to collect it, its target, review frequency, and owner so teams can assess changes consistently.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choosing primary measures for a design improvement
• Balancing user behavior and satisfaction measures
• Documenting measurement methods, targets, and owners

Describe complex interface behavior with state machines: explicit states and rules for moving between them. Map events, conditions, and actions for forms, authentication, and data loading to expose edge cases and prevent contradictory states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Defining form validation and submission behavior
• Mapping data loading, errors, and retries
• Documenting login and logout transitions

Apply figure-ground perception, the way people distinguish a subject from its background, to layered interfaces. It guides shadows, dimming overlays, contrast, and borders so dialogs, cards, text, and selected items remain clearly distinguishable in light and dark themes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying dialogs and their background layers
• Making text readable over photography
• Adjusting surface depth in dark mode

Adapt an existing light palette into a dark interface by adjusting surface brightness, text contrast, and color saturation. Covers images, logos, accessibility checks, and automatic or manual switching between light and dark modes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adapting a light interface for dark mode
• Distinguishing cards and dialogs through surface brightness
• Reviewing text and warning colors on dark backgrounds

Define a page layout grid with columns, gaps, outer margins, and rules for different screen widths. Plan card layouts, sidebars, and content containers, and document the specifications developers need to keep pages consistent.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Defining page grids for mobile, tablet, and desktop
• Planning card layouts that adapt to screen width
• Arranging a sidebar beside main content

Use shared colors, shapes, sizes, and styles to show which interface elements belong together, even across a page. Establish consistent visual rules for controls, categories, and charts, with additional cues so meaning does not depend on color alone.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Showing relationships between elements that are far apart
• Standardizing the appearance of buttons and icons
• Keeping category colors consistent across charts