UI(User Interface, 사용자 인터페이스)컴퓨터와 상호작용하는 시스템물리적 요소 예) 키보드, 마우스, 리모콘그래픽 요소 예) 스마트폰 터치, 키오스크, 스마트워치, 터치스크린 - GUImodal 모달toggle 토글tab 탭tag 태그autocomplete
Heuristic(휴리스틱) ?: '체험적인'이라는 뜻으로, 직관과 경험을 활용하는 방법론.합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황에 대한 정보를 항상 제공해야 한다.예) 파일첨부할 때 업로딩 상황을 표시하는 것피드백이 존재하나요?피드백이 즉시 제
: wire 선으로 frame 틀을 잡는다는 의미.기획단계에서 구조를 잡는 과정품질 수준을 나타내는 3가지의 레벨스케치로 만든 수준수정하기에 용이하며 아이디어를 구체화할 때 사용한다.보기 좋게 다듬은 수준레이아웃, 글자 크기, 이미지 위치 등 조정한 것해당 페이지의 작
Figma 2016년 9월에 출시된 UI Design & Prototyping tools. 관련 툴 : Sketch, Adobe XD, Adobd Illustrator, Adobe Photoshop 2021년 UI/UX 툴 통계 - uxtools
클론 모델 : H&M 어플리케이션 클론 결과물 :위 클론 결과물의 UI/UX를 분석 및 개선하고자 한다.캐러셀 Carousel최상위메뉴 GNB (Global Navigation Bar)컬럼 그리드 추가안함 ❌=> 개선함 ✅column: 4 countmargin: 32g
W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’어떤 운영체제나 브라우저를 사용해도 동일한 웹 페이지가 보이게 하는 제작 기법
SEO를 통해 웹 페이지에서 상위에 노출될 수 있다.On-Page SEO페이지 내부에서의 SEO다.제목, 콘텐츠, 핵심 키워드 배치, 적절한 HTML 태그 등Off-Page SEO웹 사이트 외부의 SEO다.소셜 미디어 홍보, 백링크(타 사이트에서 연결되는 링크) 등 &
장애인, 고령자 등이 웹 사이트의 정보에 접근하고 이해할 수 있는 것사용자 층 확대다양한 환경, 기기를 지원하여 서비스 사용범위 확대사회적 이미지 구축WCAG(Web Content Accessibility Guidelines) 2.0 을한국 실정에 맞게 수정한 ‘한국형
WAI에서 발표한 RIA 환경에서의 웹 접근성 기술 규격으로,웹 접근성 향상시키는 방법 중의 하나.WAI (Web Accessibility Initiative): 웹 표준 정하는 W3C에서 웹 접근성을 담당하는 기관ARIA (Accessible Rich Internet