Search

ν”„λ‘œν† νƒ€μž… μ œμž‘ 및 μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ

INDEX

ν”„λ‘œν† νƒ€μž… μ œμž‘ 및 μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ

1. ν”„λ‘œν† νƒ€μž… μ œμž‘ν•˜κΈ°

이미지 ν˜•μ‹

ν˜•μ‹
νŠΉμ§•
μš©λ„
PSD
포토샡 원본 파일, λ ˆμ΄μ–΄ 보쑴
νŽΈμ§‘ μž‘μ—…μš©
BMP
λΉ„μ••μΆ• 이미지, μš©λŸ‰ 큼
Windows κΈ°λ³Έ ν˜•μ‹
JPEG
손싀 μ••μΆ•, μž‘μ€ μš©λŸ‰
사진, μ›Ή 이미지
GIF
256색, μ• λ‹ˆλ©”μ΄μ…˜ 지원
κ°„λ‹¨ν•œ κ·Έλž˜ν”½, μ• λ‹ˆλ©”μ΄μ…˜
EPS
벑터 이미지
인쇄물, 둜고
PDF
λ¬Έμ„œ ν˜•μ‹, λ²”μš©μ„±
λ¬Έμ„œ 곡유
PNG
무손싀 μ••μΆ•, 투λͺ…도 지원
μ›Ή κ·Έλž˜ν”½, μ•„μ΄μ½˜

해상도

해상도가 λ†’μ„μˆ˜λ‘: 이미지 ν’ˆμ§ˆ , 파일 크기
β€’
72 DPI: μ›Ήμš© 이미지 ν‘œμ€€ 해상도
β€’
150 DPI: 일반 μΈμ‡„μš©
β€’
300 DPI: κ³ ν’ˆμ§ˆ μΈμ‡„μš©

μ˜μƒ 파일 μ’…λ₯˜

ν˜•μ‹
μ„€λͺ…
MPEG
λ™μ˜μƒ μ••μΆ• ν‘œμ€€, κ³ μ••μΆ•λ₯ 
AVI
Windows ν‘œμ€€ λ™μ˜μƒ ν˜•μ‹
ASF
μŠ€νŠΈλ¦¬λ°μ— μ΅œμ ν™”λœ ν˜•μ‹

μ†Œλ¦¬ 파일 μ’…λ₯˜

ν˜•μ‹
μ„€λͺ…
WAV
무손싀 μ˜€λ””μ˜€, κ³ ν’ˆμ§ˆ, μš©λŸ‰ 큼
MP3
손싀 μ••μΆ•, μž‘μ€ μš©λŸ‰, λ²”μš©μ„± λ†’μŒ

2. μ½˜ν…μΈ  톡합 νŽΈμ§‘ 및 μ œμž‘

μ‚¬μš©μž κ²½ν—˜μ„ κ³ λ €ν•œ μΈν„°νŽ˜μ΄μŠ€ 섀계가 ν•΅μ‹¬μž…λ‹ˆλ‹€.
β€’
UI (User Interface): μ‚¬μš©μžμ™€ μ‹œμŠ€ν…œ κ°„μ˜ 접점, μ‹œκ°μ  λ””μžμΈ
β€’
ν”„λ‘œν† νƒ€μ΄ν•‘: μ‹€μ œ μ œν’ˆ 개발 μ „ ν…ŒμŠ€νŠΈμš© λͺ¨ν˜• μ œμž‘
β€’
μΈν„°λ ‰μ…˜ λ””μžμΈ: μ‚¬μš©μžμ˜ 행동과 μ‹œμŠ€ν…œμ˜ λ°˜μ‘ 섀계
β€’
μ• λ‹ˆλ©”μ΄μ…˜: μ›€μ§μž„μ„ ν†΅ν•œ μ‹œκ°μ  효과 및 ν”Όλ“œλ°±
β€’
λ„€λΉ„κ²Œμ΄μ…˜: μ‚¬μ΄νŠΈ λ‚΄ 이동 경둜 및 ꡬ쑰

3. μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ 및 μˆ˜μ •ν•˜κΈ°

μ›Ή μ‚¬μ΄νŠΈ μ‚¬μš©μ„±

핡심 원칙: νš¨κ³Όμ„±, νš¨μœ¨μ„±, λ§Œμ‘±λ„
β€’
μ‚¬μš©μžκ°€ λͺ©ν‘œλ₯Ό 쉽고 λΉ λ₯΄κ²Œ 달성할 수 μžˆμ–΄μ•Ό 함
β€’
직관적인 μΈν„°νŽ˜μ΄μŠ€ 제곡
β€’
λͺ…ν™•ν•œ 정보 ꡬ쑰

μ‚¬μš©μ„± 평가 방법

β€’
νœ΄λ¦¬μŠ€ν‹± 평가: μ „λ¬Έκ°€κ°€ 원칙에 따라 평가
β€’
μ‚¬μš©μž ν…ŒμŠ€νŠΈ: μ‹€μ œ μ‚¬μš©μž κ΄€μ°° 및 ν”Όλ“œλ°±
β€’
A/B ν…ŒμŠ€νŠΈ: 두 가지 버전 비ꡐ
β€’
μ„€λ¬Έ 쑰사: μ •λŸ‰μ  데이터 μˆ˜μ§‘

μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ λͺ©ν‘œ μ„€μ •

β€’
λͺ…ν™•ν•œ ν…ŒμŠ€νŠΈ λͺ©μ  μ •μ˜
β€’
μΈ‘μ • κ°€λŠ₯ν•œ μ§€ν‘œ μ„€μ •
β€’
λŒ€μƒ μ‚¬μš©μž κ·Έλ£Ή μ„ μ •
β€’
ν…ŒμŠ€νŠΈ μ‹œλ‚˜λ¦¬μ˜€ μž‘μ„±

μ‚¬μš©μž 쑰사 방법둠

방법
μ„€λͺ…
μž₯점
μ •λŸ‰μ  쑰사
수치 데이터 μˆ˜μ§‘ 및 뢄석
객관적, 톡계적 뢄석 κ°€λŠ₯
행동 뢄석
μ‚¬μš©μž 행동 νŒ¨ν„΄ κ΄€μ°°
μ‹€μ œ μ‚¬μš© ν˜„ν™© νŒŒμ•…
νƒœλ„ 뢄석
μ‚¬μš©μž 의견 및 감정 νŒŒμ•…
심측적 이해
μ„€λ¬Έ 쑰사
κ΅¬μ‘°ν™”λœ 질문으둜 데이터 μˆ˜μ§‘
λŒ€κ·œλͺ¨ 데이터 μˆ˜μ§‘

4. μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ 뢄석

체크 리슀트

λ‚΄λΉ„κ²Œμ΄μ…˜μ˜ 직관성
μ½˜ν…μΈ μ˜ 가독성
λ‘œλ”© 속도
λ°˜μ‘ν˜• λ””μžμΈ 적용
였λ₯˜ 처리 및 ν”Όλ“œλ°±
μ ‘κ·Όμ„± (Accessibility)

λͺ©ν‘œ μ‚¬μš©μžμ— λŒ€ν•œ 이해도 ν–₯상 방법

방법
λ‚΄μš©
λ„€ν‹°μ¦Œ 이해
온라인 μ‚¬μš©μž νŠΉμ„± 및 행동 νŒ¨ν„΄ 뢄석
νŠΈλ Œλ“œ
μ΅œμ‹  λ””μžμΈ 및 기술 동ν–₯ νŒŒμ•…
μ†ŒλΉ„μž 심리
μ‚¬μš©μž μ˜μ‚¬κ²°μ • κ³Όμ • 이해
λ²€μΉ˜λ§ˆν‚Ή
κ²½μŸμ‚¬ 및 우수 사둀 뢄석
포컀슀 κ·Έλ£Ή 인터뷰
μ†Œκ·Έλ£Ή 심측 토둠을 ν†΅ν•œ 의견 수렴

5. μˆ˜μ • 보완 사항 관리

UX와 UI의 μ‘°ν™”λ‘œμš΄ 섀계가 성곡적인 μ›Ήμ‚¬μ΄νŠΈμ˜ ν•΅μ‹¬μž…λ‹ˆλ‹€.

UX (User Experience)

β€’
μ‚¬μš©μžμ˜ 전체적인 κ²½ν—˜ 섀계
β€’
μ‚¬μš©μ„±, μ ‘κ·Όμ„±, λ§Œμ‘±λ„ 포함
β€’
μ‚¬μš©μž μ—¬μ •(User Journey) μ΅œμ ν™”

UI (User Interface) 개발 단계

단계
λ‚΄μš©
μ£Όμš” ν™œλ™
ν‘œλͺ…단계
μš”κ΅¬μ‚¬ν•­ μ •μ˜
μ‚¬μš©μž λ‹ˆμ¦ˆ νŒŒμ•…, λͺ©ν‘œ μ„€μ •
λ³€ν™˜λ‹¨κ³„
λ””μžμΈ 컨셉 ꡬ체화
μ™€μ΄μ–΄ν”„λ ˆμž„, μŠ€ν† λ¦¬λ³΄λ“œ μž‘μ„±
ν‘œν˜„λ‹¨κ³„
μ‹œκ°μ  λ””μžμΈ κ΅¬ν˜„
λͺ©μ—…, ν”„λ‘œν† νƒ€μž… μ œμž‘
평가단계
ν…ŒμŠ€νŠΈ 및 κ°œμ„ 
μ‚¬μš©μ„± ν…ŒμŠ€νŠΈ, ν”Όλ“œλ°± 반영