UI.UX DESIGN/UI 구현 9

UI 구현

UI 제작하기 UI 실제 페이지 제작 UI 구현 표준에 따라서 GUI 디자인 가이드를 기반으로 실제 페이지인 UI를 제작할 수있다. 작성된 체크리스트에 따라서 단위 테스트를 수행하며 실제 페이지인 UI를 제작할 수 있다. UI 개발 환경 수립 안드로이드 개발 환경 구축 ADK 설치 JDK 설치 이클립스 내 안드로이드 SDK 설치 HTML5 및 CSS3 Javascript HTML5 웹 표준 기관인 월드와이드웹 컨소시엄(W3C)의 차세대 웹 언어 규격인 HTML5는 현재 글 로벌 웹 표준 기술로 자리 잡았다. HTML5는 문서 작성 중심으로 구성된 기존 표준에 그 림, 동영상, 음악 등을 실행하는 기능까지 포함시켰다. HTML5를 이용해 UI를 구현하면 만 들면 국내 전자상거래에서 많이 쓰이는 액티브X, ..

UI 구현

UI 제작하기 단위별 상세 체크리스트 작성 자가 검증을 위하여 단위별 상세 체크리스트를 작성할 수 있다. 체크리스트 작성하기 체크리스트는 자가 검증을 통한 문제 해결 방법 중의 하나로, 디자인 문제의 평가나 UI 구현을 위한 판단의 기준이 되는 항목들을 조목별로 나열하여 구체화하는 작업이다. 체크리스트를 통해 UI 구현을 위한 설계 단계에서, 개발자의 관점에서 소프트웨어 UI를 전반적으로 평가하고 사용편의성 문제점들을 효율적으로 찾아낼 수 있다. 체크리스트를 통한 UI 평가 하나의 웹을 위한 설계 : 다양한 장비를 고려하여 설계한 콘텐츠는 비용을 절감시키고, 유연성을 증대하며, 더 많은 사람들의 필요를 충족시킬 수 있다. 웹 표준 준수 : 세계 곳곳의 제각기 다른 장비와 브라우저의 호환을 위해서는 표준을..

UI 구현

UI 구현 표준 검토하기 UI 구현 표준 수립 실제 페이지 제작을 위하여 아이콘, 레이아웃, 화면 개발 환경에 적합한 표준을 수 학습 목표 립할 수 있다. UI 구현 표준을 이해관계자와 검토하여 최종 표준안에 반영할 수 있다. UI 구현 표준 수립 UI 구현 표준 모바일운영체제에대한표준: 모바일환경은각단말의OS와브라우저종류에따 라 큰 차이를 보인다. 모든 모바일 서비스는 다양한 사용자의 디바이스 환경에서 호환되도록 해야 한다. 최근에는 특별한 개발이슈가 발생하지 않는 한 모바일 웹으 로 개발하는 것을 기본으로 한다. 다만, 모바일 웹방식으로 제공시 기술적 제약이 있 거나 현저하게 비용이 증가할 우려가 있는 경우에는 다른 방식으로 제공할 수 있다. 이 경우에도 모바일 네이티브 앱 방식보다 모바일 앱의 기술..

UI 구현

UI 구현 표준 검토하기 UI 표준 관련 기준 파악 고객 요구사항, 접근성 기준, 플랫폼에 대한 UI 표준 관련 기준을 파악할 수 있다. UI 구현 표준의 정의 큰 프로젝트에서는 다양한 개발자들이 협업을 통해 각기 개발한 화면들 간에 갖춰야 할 최소한의 공통 규격이 필요한데 이 때 전체 시스템에 공통으로 적용되는 화면 간 이동, 화면구성등에 대한 규약을UI 표준 혹은 표준 UI라고한다. 표준프레임워크는 웹 또는 어플리케이션 구축 시 화면 구현이 필요한 기능에 대해 기본 적인 화면 표준을 정의하여 개발 및 유지보수를 위한 화면 개발 가이드를 제시한다. UI 구현 표준안의 구성 요소 UI화면 표준안 : 웹 또는 어플리케이션 구축 시 화면 구현이 필요한 기능에 대해 기본적인 화면 표준을 정의하여 개발 및 유지..

UI 구현

UI 설계 검토하기 UI 검토 의견서 작성 UI 구현 표준 수립을 위하여 UI 검토 의견서를 작성할 수 있다. 제이콥 닐슨(Jacob Neilson)의 UI 평가원칙 사용성 연구의 선구자이자 “사용성 공학(Usability Engineering)”의 저자 제이콥 닐슨 (Jacob Nielsen)은 그의 저서에서 다음의 UI 평가원칙을 제시하였다. 제이콥 닐슨의 UI 평가원칙 메타포 화면에 사용된 아이콘이 사용자들의 문화적,언어적 장벽들을 말보다 얼마나 더 잘 극복할 수있게 해주었는가 직접조작 사용자로 하여금 컴퓨터에 의해 묘사된 객체를 직접제어하고 있다는 느낌을 주는 정도로써 사용자가 자신의 행동으로부터 물리적인 결과를 기대할 뿐만 아니 라 요구된 행동이 실행되고 있음을 알려주는 방법에 관한 문제 보고 ..

UI 구현

UI 설계 검토하기 UI 디자인 가이드 이해 UI 제작을 위하여 UI 디자인 가이드를 이해하고 이를 기반으로 구현 가능성 여부를 학습 목표 검토할 수 있다. 구현 환경에 따라서 구체적인 UI 프로세스의 이해와 설계 변경 여부를 파악할 수 있다 UI 디자인 가이드에 대한 이해 UI 디자인 가이드의 정의 UI 디자인가이드는 UX기획, UI디자인이 완료된 화면을 토대로 해당 프로젝트의 화면 구현과 실물 개발에 필요한 이미지 리소스, 텍스트 크기, 기타 컴포넌트의 속성 및 위치 등을 정리한 문서이다. UI 디자인의 목적은 사용자의 사용성을 높이기 위해 시간 및 조작의 흐름과 심미 성까지 고려하여 사용의 편리성과 접근성을 높이는데 있다. UI 디자인 가이드 기본 원칙 효율적인 업무지원이 되게 설계해야 한다. 입력..