jh.nrtv

최근 모 기업의 과제전형 피드백에서 'UI/UX를 고려해서 CTA Button 컴포넌트를 사용했다면 더 좋았을 것 같다'는 피드백을 받았다. (나는 특정 장소의 세부정보를 담은 url을 해당 장소 이름 자체를 link로 만들어 진입하도록 했으나, 피드백대로 '더 알아보기' 등과 같은 CTA 버튼이 더 나은 사용경험을 제공했을 것 같다. ) 솔직히 CTA Button 이 무엇인지 몰랐기 때문에 이번 기회에 공부해보고자 한다. CTA는 Call To Action의 약자로, 고객에게 행동을 유도하는 버튼이나 배너를 뜻한다. 대표적으로 회원가입, 구매하기, 다운로드 , 더 알아보기, 문의하기 등이 있으며 사이트 별 목적에 따라 형태와 종류가 달라진다고 한다. 검색해보니 더 나은 CTA 버튼을 만들기 위한 체크리..

와이어프레임 , 프로토타입 와이어프레임 : 선으로 틀을 잡는다는 의미. 기획 단계에서 페이지 어떻게 구성할 것인지 구조 잡는 목적 와이어프레임을 표현할때의 품질 수준을 전문용어로 피델리티(fidelity)로 표현하며 3가지 레벨이 나눕니다. 1. Low Fidelity Wireframe (Lo-Fi Wireframe) 2. Middle Fidelity Wireframe (Mid-Fi Wireframe) 3. High Fidelity Wireframe (Hi-Fi Wireframe) - 와이어프레임을 완성본에 가깝게 작성한 것을 Hi-Fi 와이어프레임이라고 합니다. 와이어프레임이라기 보다는 목업에 가까운 형태이며, 작성하는데 시간도 많이 들고 수정도 어렵기 때문에 와이어프레임을 작성하는 목적과는 맞지 않아..

UI,UX 란? UI ( User Interface ) : 사람들이 컴퓨터와 상호 작용하는 시스템을 의미 - 스마트폰 대중화로 화면 터치를 통한 상호작용 비율 높아지고 ,물리적 상호작용은 볼륭,잠금 등으로 최소화 - 마우스 등장으로 CLI(command line interface) 최소화, 그래픽 UI 중요성 확대 - 키오스크, 스마트워치 등 현대 사회에서 GUI (graphic user interface) 중요성 확대 -> OS, 앱 화면 및 대부분의 FE화면 UX ( User eXperience) : 사용자 경험 - 성능 뿐만 아니라 , 내구성, 사후AS , 홍보로 인한 사용 연결 등 총체적으로 UX에 영향 - FE 개발자에게는 UX 요소 중 UI가 가장 중요한 요소 UI와 UX 의 관계 - UX 는..