본문 바로가기

ux design5

[101가지 UX 원칙] #17,19 페이지의 무한 스크롤 디자인하기 #17 피드 스타일의 콘텐츠에서만 '무한 스크롤'을 사용하라 '무한 스크롤'이란 쉽게 얘기하면 '인스타그램이나 페이스북 같이 끝이 없이 콘텐츠가 제공되는 형식의 스크롤 방식을 이야기한다. 사용자가 페이지의 하단에 다다르면 더 많은 항목을 비동기적으로 로딩하면서 페이지가 계속 생성되게 하는 방식인데, 사용자들에게 매우 편리한 기능을 제공한다. *어떤 루틴을 완전히 끝내고 제어를 반납하면 동기식 -> 커피를 주문하고 커피가 나갈 때까지 다른 손님의 주문을 받지 않음. *동작이 안 끝났어도 일단 제어권을 반납한 후 지 할 일 계속하면 비동기식 -> 커피를 주문하고 커피가 나올때까지 새로운 주문을 받을 수 있음. 출처: https://jajubogi.tistory.com/14 [까먹지 말자! 자주 보자!] 일반.. 2020. 6. 14.
[101가지 UX 원칙] #15 사용자가 파괴적인 액션을 취할 수 있게 하라 #15 사용자가 파괴적인 액션을 취할 수 있게 하라 이 책을 읽으면서 처음 알게 된 용어가 있다. Ohnosecond라는 용어인데 Ohnosecond 사용자가 끔찍한 실수를 했다는 것을 깨닫는 '찰나의 순간'을 말한다. 예를 들어 보내지 말아야 할 문자메시지를 보냈거나, 장바구니에서 물건을 빼고 주문해야 하는데 주문 버튼을 눌러버렸다거나, 앨범에서 중요한 사진을 삭제하거나 했을 때 가슴이 철렁하는 그런 순간들을 이야기한다. '엎질러진 물은 담을 수 없다.' 라는 말이 있듯이 우리는 일상 속에서 수많은 실수들을 하고 후회하곤한다. 하지만 우리가 설계하는 서비스에서만큼은 사용자의 실수를 너그럽게 포용할 수 있는 생각을 가져야 하고 Undo, Redo 같은 기능을 통해서 사용자가 자신의 실수를 만회할 수 있도.. 2020. 5. 25.
[101가지 UX 원칙] #12~#14 UI 컨트롤 제대로 알기 (2) #12 슬라이더는 수량화 할 수 없는 값에만 사용해야 한다. 슬라이더의 경우 쓰이는 곳을 명확히 구분해야 하는데, 그게 수치화 하려는 것이 정량적인가 정성적인가로 구분된다. 정량적 : 물건의 갯수, 점수, 온도 등 수치화 할 수 있는 것 정성적 : 소리, 밝기, 색상값 등 명확히 수치화 하지 않아도 되는 것 우리는 슬라이더 UI를 반드시 정성적인 값을 표현할 때만! 써야한다. 정량적인 수치를 입력받기 위해 슬라이더 UI를 사용한다면 답답한 스크린에서 꼼지락대며 수치를 맞추려는 사용자의 분노를 사게 될 것이다. 또한 사용자가 슬라이더를 편하게 조절하게 하기 위해서 적절한 크기로 만들어야 한다. #13 정확한 숫자 입력을 위해서는 숫자 입력 필드를 사용하라 정확한 숫자를 입력받고자 한다면, 반드시 숫자 입력.. 2020. 5. 18.
[101가지 UX 원칙] #10~#11 UI 컨트롤 제대로 알기 (1) #10 새로운 UI 컨트롤을 제멋대로 만들지 마라 새로운 UI 컨트롤러를 '제멋대로' 만들지 말라는 것은 무슨 뜻일까? 이 책에 나오는 예시는 차량의 색상을 바꾸는 가상의 3D 휠 '회전'시키려면 클릭하고 드래그로 업-다운을 시켜야 하는 볼륨 다이얼 특정 액션을 실행시키려면 클릭하고 몇 초간 버튼을 누르는 것을 유지해야하는 버튼 이라고 쓰여있다. 위의 예시 중에 볼륨 다이얼을 알아보자. 실제로 볼륨 컨트롤러는 좌우로 회전시키는 타입과 좌우 혹은 상하로 움직이는 타입이 있는데 만약 여기서 좌우로 회전시키는 다이얼을 UI로 만들었다고 해보자. 과연 이 UI는 어떻게 작동해야하는가? 마우스로 클릭을 하고 회전시켜야하는가? 클릭한 채로 위아래 혹은 좌우로 움직이면 다이얼이 회전하는가? 둘다 매우 불편한 경험이 .. 2020. 5. 11.
[101가지 UX 원칙] #2~#5 폰트를 사용할 때 원칙 #2 두 가지 이상의 서체를 사용하지 마라 내가 이 챕터를 읽으면서 새롭게 알게 된 사실은 나도 모르게 서체 'Typeface'를 폰트 'Font'라고 부르고 있었다는 것이다. 폰트는 소프트웨어에서 서체를 랜더링하고자 사용하는 파일을 말하는 것이기 때문에 엄밀히 따지면 서체 'Typeface'로 이야기하는 것이 올바르다. 이 책에서는 폰트 = 팔레트에 있는 페인트 서체 = 캔버스 위에 그려진 명작 이라고 표현하고 있다. 한 서비스에서 서체를 다양하게 사용하는 것은 사용자에게 하여금 과도한 '시각적 소음'을 일으키기 때문에 최대 2개의 서체를 사용하는 것이 좋으며, 이때 제목용 서체, 본문용 서체를 나누거나 한 서체 내에서의 Font Famliy를 활용하는 것이 좋다. #3 사용자의 컴퓨터에 설치된 폰트를.. 2020. 5. 5.
반응형