<p> [데브멘토 동영상] 모바일 웹UX 가이드2부</p> <p> 김의준 유비즈밸리 부장</p> <p> 기획: 정보설계 및 화면구성의 일관성 유지, 간결화(정보설계->화면설계->시나리오)</p> <p> 개발: HTML 및 표준 개발언어 사용(HTML 개발->DB연동->UI 개발 및 디자인 적용)</p> <p> 디자인: CSS 기반의UI 디자인(화면디자인->CSS정의->디자인 적용)</p>

1. 모바일웹 확장성
모바일웹 서비스를 통한 Hybrid App 구축
WEB과 APP의 장점을 모두 사용 가능
Hybrid App
&
App UI형태의 모바일웹 구축가능
Web App
즐겨찾기 아이콘 추가를 통한 접속 편리성 제공

2. 모바일OK 소개
Scalability
WEB2.0
Substitution
Optimization Mobile WEB 표준
Standardization Independence

3. 모바일OK 소개
• 표준 환경에 최적화된 브라우저
DDR • 표준화된 단말정보 제공
• 모바일OK 인증 표기
Browser 모바일OK
Eco-System
Validator
• 개발도구 활용 Simulator
• 개발된 사이트의
표준준수여부 체크

4. 모바일OK 소개
 국내외 모바일웹 표준활동
• W3C Mobile Web Initiative
• 모바일웹 2.0 Forum
• MobileOK
• Open Mobile Alliance
 개발 관련 Specification
• XHTML Mobile Profile Candidate Version 1.3 (PDF)
• Wireless CSS Specification Candidate Version 1.2 (PDF)
• CSS Mobile Profile 2.0
• W3C mobileOK Basic Tests 1.0
• Mobile Web Best Practices 1.0
• Mobile Web Best Practices 1.0(korean_summary)
• OMA_UAProf_Best_Practices_Guide (PDF)
• W3C Mobile Web Initiative

5. 모바일OK 소개
http://www.w3c.or.kr/Translation/mwbp_flip_cards/

6. 모바일웹 표준 구축방안
정보설계 및 화면구성의 일관성 유지, 간결화
기획
정보설계 화면설계 시나리오
Html 및 표준 개발언어 사용
개발 UI 개발 및
Html개발 DB연동
디자인 적용
CSS기반의 UI디자인
디자인
화면디자인 CSS 정의 디자인 적용

7. UX정의
디자인 측면 정보설계측면
Desirable 매력적 디자인 Useful 유용한 콘텐츠
Accessibl 접근성 극대화
e
Credible 디자인 신뢰성
Findable 네비게이션 일반화
Usable 사용하기 쉬운 UI
Valuable 고객만족 제고
사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험