본문 바로가기

분류 전체보기50

UI UX 기본 구성 요소 정리 토글 (Toggle button / toggle switch) 예 , 아니오와같은 2가지로 구분될 때 사용한다, 토글 버튼을 사용하기 위해서는 기존의 값이 존재하는지 확인해야한다. 라디오 버튼 라디오 버튼은 여러개의 선택지 중 하나를 택할 때 사용해야한다. 너무 선택지가 많으면 적합하지 않고 많을 경우는 드롭다운 리스트를 사용하는 것이 보편적이다. 선택지가 없을 경우는 토글을 쓰면 된다. 체크 박스 버튼 체크버튼은 여러 항목 중 1개 이상을 선택할 때 사용함 체크박스는 특성상 옵션 값으로 사용한다. 체크박스 버튼은 레이블이 터치영역에 반드시 포함되어져야 한다. > 선택지 글자들도 터치 영역에 해당되어져야한다는 말인데, 이 부분이 누락되는 경우가 가끔있으니 주의해야한다. 플로팅 버튼 플로팅 버튼은 액션 버.. 2021. 6. 16.
UI UX 기본 구성 요소 정리 토글 (Toggle button / toggle switch) 예 , 아니오와같은 2가지로 구분될 때 사용한다, 토글 버튼을 사용하기 위해서는 기존의 값이 존재하는지 확인해야한다. 라디오 버튼 라디오 버튼은 여러개의 선택지 중 하나를 택할 때 사용해야한다. 너무 선택지가 많으면 적합하지 않고 많을 경우는 드롭다운 리스트를 사용하는 것이 보편적이다. 선택지가 없을 경우는 토글을 쓰면 된다. 체크 박스 버튼 체크버튼은 여러 항목 중 1개 이상을 선택할 때 사용함 체크박스는 특성상 옵션 값으로 사용한다. 체크박스 버튼은 레이블이 터치영역에 반드시 포함되어져야 한다. > 선택지 글자들도 터치 영역에 해당되어져야한다는 말인데, 이 부분이 누락되는 경우가 가끔있으니 주의해야한다. 플로팅 버튼 플로팅 버튼은 액션 버.. 2021. 6. 5.
사용자 중심 디자인을 위한 페르소나 기법 페르소나 기법 페르소나의 원래 의미는 연기를 하는 등장인물, 가면 등을 뜻하고 비즈니스 분야에서는 고객을 대표하는 가상의 모습을 뜻함. 페르소나는 제품의 잠재고객이 누구인지 정확하게 설정하는 과정일 뿐 아니라 고객의 입장에서 제품을 어떤 감정, 어떤 목적, 이유에서 사용할지에 대해 생각하고 공감하는 것임. 사용자 경험의 중요성이 중요한 UX디자이너들은 사용자 중심 디자인을 위해 페르소나 기법을 활용해야함. 페르소나의 유형 1. 목표 지향 페르소나 목표 지향적 페르소나의 용도는 사용자들이 자신들의 목적을 달성하기 위해서 선호할 것으로 생각되는 작업의 프로세스와 흐름을 검토하는 것입니다. 이에 대한 연구가 충분히 이루어졌다면, 그 목표에 맞게 디자인을 시작할 수 있음. 2. 역할 기반 페르소나 사용자들이 실.. 2021. 6. 5.
자바스크립트 07. 배열 배열 기초 배열에서 사용되는 다음 용어에 대해 정확히 이해해야한다. index, element, length arr[0], push, pop, 배열에서 특정 인덱스(index)의 요소(element)를 조회 및 변경할 수 있다. 배열 내에 배열이 있는 이중 배열의 요소의 조회 및 변경을 할 수 있다. 배열의 반복 배열의 반복 기초를 이해할 수 있다. for 문과 배열을 이용해 반복적으로 코드를 실행시킬 수 있다. 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for 문을 만들 수 있다. 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있다. 이중 포문이 무엇인지 이해하고 활용할 수 있다. 배열과 반복문을 활용하여 실생활에서 접할 수 있는 간단한 문.. 2021. 5. 23.

티스토리툴바