본문 바로가기

부트캠프교육중301

UI/UX 사용성 평가 ui/ux사용성 평가기준중 하나인 제이콥 닐슨의 10가지 사용성 평가기준(Jakob’s Ten Usability Heuristics) *서비스중인 애플리케이션을 평가하기위한 목적으로도 사용할수있지만, 제품 설계 단계에서 더 완성도있는 애플리케이션을 기획하기 위해서도 사용할수있다. 10가지 원칙을 지속적으로 확인하면 사용성과 효율성을 크게 높일수있다. # 여기서 heuristic이란? -체험적인 이라는 뜻으로, 완벽한 지식 대신 직관과 경험을 활용하는 방법론을 말한다. 1.시스템 상태의 가시성(Visibility of system status) -합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황에 대한 정보를 항상 제공해야 한다. -피드백이 존재하나요 / 피드백이 즉시 제공되나요 / 피드백이 .. 2023. 2. 15.
User Flow #User Flow (사용자 흐름) -사용자가 제품에 진입한 시점을 시작으로 취할수있는 모든 행동을 뜻한다. -다이어그램을 그려서 정리한다. #User Flow 다이어그램 작성법 사용자흐름을 다이어그램으로 작성할때, 기본적으로 세가지 요소를 사용한다. 이외의 요소를 필요에 따라 추가하여 사용해도 좋지만, 이 세가지 요소는 거의 필수적으로 사용하게 됩니다. 1.직사각형: 사용자가 보게될 화면 (예: 회원가입페이지) 2.화살표: 직사각형(화면)과 다이아몬드(행동)를 연결시켜주는 화살표 3.다이아몬드: 사용자가 취하게 될 행동 (예: 버튼클릭) #User Flow 다이어그램을 그리면 좋은 이유 1. 사용자 흐름상 어색하거나 매끄럽지 않은 부분을 발견하여 수정할수있음 2. 있으면 좋은 기능을 발견하여 추가하거나.. 2023. 2. 15.
UX의 7가지 요소 좋은 UX를 만드는 요소 => 피터 모빌의 벌집 모형에서 제시한 UX의 7가지 요소 1. 유용성(useful):사용가능한가 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소 2.사용성(usable): 사용하기 쉬운가 -제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소 -가능한 단순하면서 직관적이고 사용하기 쉬운 제품이나 서비스를 만들어야 한다. -ui 디자인 패턴과 연관 깊은 요소이다. 3.매력성(desirable): 매력적인가 -제품이 사용자들에게 매력적인가 -애플이 제품의 디자인 요소에 공을 들이고 감성 마케팅 전략을 사용한 것이 이 요소와 연관이 깊다. 4.신뢰성(credible): 신뢰할수있는가 -사용자가 제품이나 서비스를 믿고 사용할수있는가에 .. 2023. 2. 15.
UI 레이아웃 그리드 - 수직, 수평으로 분할된 격자무늬를 뜻한다. -화면을 격자로 나눈 다음 그 격자에 맞춰 콘텐츠를 배치하는 방법이다. -웹디자인 분야에서는 화면을 세로로 몇개의 영역으로 나눌 것인가에 초점을 맞춘 컬럼 그리드 시스템(Column Grid System)을 사용한다. -margin, column, gutter라는 세가지 요소로 구성된다. # margin -화면 양쪽의 여백 # column -콘텐츠가 위치하게 될 세로로 나누어진 영역이다. -표준적으로 핸드폰에서 4개, 태블릿에서 8개, pc에서는 12개의 컬럼으로 나눈다. -이미지 속 화면 크기의 구분선을 break point라고 한다. -상대단위를 사용하여 콘텐츠가 창 크기에 맞춰서 크기가 변하도록 설정하는 것이 좋다. # Gutter -column.. 2023. 2. 15.

티스토리툴바