box-shadow box-shadow : [h-shadow] [v-shadow] [blur] [spread] [color] [inset] / none; 속성 설명 h-shadow 그림자의 수평(X)축 거리를 나타냅니다. v-shadow 그림자의 수직(Y)축 거리를 나타냅니다. blur 그림자의 흐림 정도를 나타냅니다. spread 그림자의 거리를 나타냅니다. color 그림자의 색을 나타냅니다. inset 그림자의 효과를 내부로 나타냅니다. box-shadow shadow01 shadow02 shadow03 shadow04 shadow05 shadow06 shadow07 shadow08 shadow09 shadow10 .shadow01 { box-shadow: 0px 0px 5px rgba(0, 0, ..
접근성의 미래 - 웹 접근성에서 파생된 다양한 영역의 접근성에 대해서 이해할 수 있다 - 웹 접근성의 미래에 대해서 이해할 수 있다. 웹 접근성의 올바른 발전 방향 가. 문제점의 해결 HTML과 CSS 중심의 굴레를 벗어나지 못함 웹 접근성 국제 표준 WCAG 1.0 WCAG 2.0 KWCAG 2.1 : 동적인 문서나 애플리케이션 영역에 대한 접근성 영역까지 확장 한국형 웹 콘텐츠 접근성 지침 비교 나. HTML5와 ARIA HTML5가 접근성에 미치는 영향 Live region 동적으로 변경되는 콘텐츠에 대해서 콘텐츠의 중요도에 따라 업데이트 내용을 알려줄 수 있도록 속성을 제공 개발자가 웹 페이지에서 동적인 콘텐츠가 제공되는 영역을 명시 다. UX로의 전환 모바일 접근성 스마트워크 이동이 불편한 장애..
'달달해' 사이트 계획수립 '달달해' 사이트 계획수립입니다. 공동작업자 : doye's study, JW's study
사용자리서치 수행 - 리서치 실행계획의 방법론에 따라서 리서치를 수행할 수 있다. 1. 사용자리서치 수행 기법 다음은 사용자리서치 수행에는 적용하는 대표적인 기법들의 예이다. 목표한 사용자리서치 결과를 도출하기 위해 여러 기법이 혼용되기도 하며, 사용자리서치를 수행한 조직과 제품/서비스의 특성에 따라 고유의 기법을 개발하고 사용하기도 한다. 경우에 따라서는 사용자리서치의 진행에 따라 계획한 기법 외에 보다 적합할 것으로 예상되는 기법을 적용하면서 계획을 수정해 진행하거나, 이를 반영하여 반복/점진적 프로세스에 따라 추가적인 사용자 리서치를 수행하기도 한다. 개별 인터뷰: 사용자와의 1:1 대화를 통해 조사를 수행하는 방법. 대화는 직접대면 또는 유선상의 대화일수도 있으며 사용자의 업무, 일상생활 등 맥락..
프로토타입 제작 - 선정된 아이디어를 다양한 방법으로 프로토타입을 제작할 수 있다. - 제작된 프로토타입이 목적에 맞게 구성되었는지 분석하고 검증할 수 있다. - 프로토타입의 구성요소와 특징에 대한 분석을 통해서 수정 사항을 도출하고 이슈를 보완할 수 있다. 프로토타입 (Prototype) 프로토타입은 상품/서비스가 출시되기 전 만들어진 원형(archetype)을 의미한다. 프로토타이핑(prototyping)은 사용자의 요구사항, 사용자리서치를 통해서 도출된 니즈, 아이디어 등의 개념(Concept)을 담은 모형을 만들어 이후 사용자와 상품/서비스가 제공하는 기능의 추가, 변경 및 삭제 등을 요구사항에 대해 소통하는 도구, 개발이 진행되는 동안 개발 참여자간에 개념을 공유하는 도구를 만드는 설계과정이다...
요구사항 분석, 콘셉트 아이디어 도출 - UI/UX 개발 과제의 목표 충족을 위하여 사용자 리서치 결과를 토대로 UI/UX 콘셉트 아이디어를 도출할 수 있다. 요구사항분석(requirement analysis) 1. 요구사항(Requirement) 요구사항은 제품, 서비스 등의 개발의 결과물이 충족하여야 할 대상으로 아래와 같이 정의 된다. 어떤 문제를 해결하거나 특정의 목적을 위하여 사용자가 필요로 하는 조건이나 능력. 계약, 표준, 명세 또는 다른 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요소가 갖추어야 할 조건이나 능력. 요구 사항들은 시스템이나 시스템 구성 요소의 후속 개발 단계의 자료가 된다. (한국정보통신기술협회. IT용어사전) 2. 요구사항분석(Requirement Analysi..