HTML DOM(Document Object Model) 구조도 https://codedragon.tistory.com/5383 사용성 테스트(Usability Test) 단계 https://codedragon.tistory.com/5378 HTML5 문서구조 도식도 https://codedragon.tistory.com/3344 UI구현을 위한 환경 구축의 단계

UI 시나리오 작성시 고려 사항 구분 특징 및 원칙 가독성 & 시인성 · 너무 많은 버튼이 디스플레이 되거나 너무 복잡한 아이콘은 사용자에게 부담 · UI를 보고 그 의미를 혼동 없이 쉽게 읽고 정확하게 이해할 수 있게 설계 접근성 & 관용성 · 불특정 다수의 사용자도 시스템 UI에 접근할 수 있도록 하고 동시에 다양한 사용자의 문화적/언어적 차별이 없이 사용자 요구를 반영 메타포(Metaphor, 은유) · 현실세계의 대상물을 메타포로서 인터페이스에 옮겨 놓은 아이콘들은 직관적 사용성에 효과적 · 메타포의 활용은 문화적, 언어적 장벽들을 자연스럽게 극복 피드백 · 작업을 수행 할 때 피드백은 가능한 한 즉각적으로 제공 https://codedragon.tistory.com/5374

uimovement (UI무브먼트) 유저 인터페이스 디자인을 중심적으로 다루는 사이트입니다. https://uimovement.com/

Naver logo image naver의 imagehttp://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif 블로그에 올린 iamgehttps://t1.daumcdn.net/cfile/tistory/992E25445A4C887B1A 블로그에 올린 iamgehttps://t1.daumcdn.net/cfile/tistory/9968EA365D9E00F81D

인터페이스 현황단위 업무 시스템이 다른 단위 업무 시스템과 주고받는 데이터의 종류와 데이터 형식, 프로토콜, 연계유형, 주기 등을 명시하는 것입니다. 인터페이스 현황 작성 시 고려 사항· 어떤 형식(format)으로 데이터를 주고받는지 고려 (XML, 고정 포맷, 가변 포맷 등) · 어떤 통신규약을 사용하고 있는지 고려 (TCP/IP, X.25 등)· 연계유형은 무엇인지 고려 (EAI, FEP등)· 등 기업 응용 프로그램 통합(Enterprise Application Integration; EAI) http://bit.ly/2KJ8bRNhttp://www.terms.co.kr/EAI.htmhttps://en.wikipedia.org/wiki/Enterprise_application_integration ..

프로토타입(Prototype) 유사 용어· 샘플(Sample)· 모델(Model)· 테스트를 위한 제품· 시제품이 나오기 전의 제품 원형· 목업(Mockup): 실물 크기의 모형, 실물과 흡사한 정적인 형태의 모형· 정보시스템의 미완성 버전 또는 중요한 기능들이 포함되어 있는 시스템의 초기모델· 다양한 인터랙션이 결합되어 실제 서비스처럼 작동하는 모형