userinyerface (4) 썸네일형 리스트형 userinyerface를 통한 고통 맛보기 Page 2 (3) position: fixed; fixed 된 콘텐츠는 항상 사용자의 화면에 노출되기에 사용자의 관심을 끌게 만드는 좋은 방법 중 하나입니다. 다만 위 사진과 같이 콘텐츠가 다른 콘텐츠를 가리는 경우가 발생할 수 있기에 위치를 설정하는 것도 중요해집니다. 사용자가 필요도 없는 컨탠츠로 인해서 중요한 내용을 가리게 된다면, 이는 전적으로 ux디자인의 실패를 의미하게 됩니다. 그리고 지나친 고정 위치는 시선 분산을 발생시키고 방문자가 이루고자하는 목적을 방해할 수도 있습니다. 그렇기에 fixed 된 컨탠츠를 도입할 때는 사용자가 페이지에서 이루고자 하는 목적을 바탕으로 신중하게 도입을 검토해야죠. 말도 안 되는 형식의 input들 앞선 글에서 제이콥 법칙을 언급한 적이 있습니다. 사용자는 이페이지에 오기 전.. userinyerface를 통한 고통 맛보기 Page 2 (2) Password 사이트들에 가입을 시도하다 보면, password의 복잡성을 근거로 사용자에게 더 강력한 암호를 사용하라고 권고하는 경우를 많이 발견하게 된다. 패스워드는 노출되게 되면 사용자에 대한 정보와 신원이 유출될 수 있기에 서비스 입장에서는 사용자가 안전하게 사용하는 걸 권고할 수는 있다. 역설적이게도 위와 같은 형태로 '키릴 문자를 넣어야 한다', '대문자를 넣어야 한다'와 같은 패턴을 제시하는 것은 패스워드를 더 복잡하게 만들게 할 거 같지만 이런 형태의 암호는 사용자가 생소한 복잡한 암호패턴을 기억하기 쉽게 하려고 단순한 형태를 만들어 내기 때문에 해킹의 위험을 낮추는 거에 별로 효과적이지 않다. ( 나만해도 저 패턴을 지키기위해 예시로 만든 암호는 `MyPasswordIsWoody1234.. userinyerface를 통한 고통 맛보기 Page 2 (1) Cumulative Layout Shift 두 번째 페이지를 열자마자 빨간 상자가 모든 콘텐츠를 밀어버리며 등장한다 (어지럽다.) 여기에서 Web Vitals중 CLS에 대해서 이야기가 필요해보인다. CLS는 직역하면 누적 레이아웃 이동으로 사용자가 예상치 못한 레이아웃 이동을 경험하는 빈도를 수치화해서 시각 정인 안정성을 측정한 수치입니다. 위와 같이 버튼을 누르려고 하던가 값을 입력하고자 할 때 비동기식으로 로드되는 콘텐츠에 의해서 대상이 이동하게 되면 잘못된 콘텐츠를 클릭을 유발해 사용자에게 불편함을 준다. 해당 콘텐츠는 쿠키에 대해서 베너를 일부로 띄운 거지만, 종종 페이지에서 이미지나 동영상의 크기가 지정되지 않아서 콘텐츠가 로드되는 과정에 콘텐츠를 이동해 CLS빈도가 높아져 UX를 떨어뜨리게 .. userinyerface를 통한 고통 맛보기 Page 1 userinyerface User Inyerface - A worst-practice UI experiment Hi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible. NO Please click HERE to GO to the next page userinyerface.com 벨기에 디지털 제품 에이전시 회사인 BAGAAR 에서 개발한 A worst-pratice UI expreiment로 최악의 ux가 어떤 것 일지를 모두 보여주는 대환장 파티.. 이전 1 다음
