반응형

최신 글

more

[UI/UX] 폰 레스토프 효과

💡 비슷한 사물이 여러 개 있으면 그중에서 가장 차이가 나는 한 가지만 기억할 가능성이 크다. ​ 인간은 산만한 세상에서 살고 있다. 이런 세상 속에서 주의력은 주변 세상을 지각하는데 핵심적인 역할을 하게 된다. ​ 디지털 인터페이스를 접할 때, 사용자는 시각적으로 대비되는 요소에 빠르게 주의를 뺏기게 된다. 따라서 인터페이스를 구성할 때 사용자의 주의를 끄는 요소를 (색상, 형태, 크기, 위치, 움직임 등) 어떻게 사용할지 신중하게 고민해야 한다. ​ 선택적 주의력​​ 사물에 집중하는 능력은 용량과 지속시간 면에서 제한이 있기 때문에, 사람들은 관련없는 정보의 습득은 희생하고 원하는 정보에만 집중한다. ​ 배너무시 사용자가 광고로 인식한 요소를 무시하는 경향을 말한다. 꼭 필요한 컨텐츠라도 광고처럼 보..

Front-end 2023.11.28 0

[UI/UX] 테슬러의 법칙

💡 복잡성 보존의 법칙, 모든 시스템에는 더 줄일 수 없는 일정 수준의 복잡성이 존재한다. ​ 제품과 서비스 사용자가 겪을 불필요한 복잡성을 제거해 명쾌하고 단순한 경험을 구현하는 것은 디자인의 중요한 목표이다. 좋은 사용자 경험이란 목표달성을 방해하는 장애물을 제거한 쉽고 직관적인 경험을 말한다. ​ 도허티 임계 💡 컴퓨터와 사용자가 서로를 기다리지 않아도 되는 속도(0.4초 이하)로 인터랙션하면 생산성은 급격히 높아지게 된다. 반응이 즉각적이라고 느끼기 위해서는 0.1초 이내여야 한다. 지연이 1초 이상으로 늘어나면 사용자는 집중하기 어려워지고, 작업 수행에 필요한 정보를 놓치기 시작해 생산성이 감소한다. ​ 처리 시간을 더이상 단축할수 없을 때는 사용자에게 피드백을 주면 좋다. Skeleton sc..

Front-end 2023.11.23 0

[UI/UX] 심미적 사용자 효과

💡 사용자는 보기 좋은 디자인을 사용성이 더 뛰어난 디자인으로 인식한다. ​ 자동 인지 처리 감지 중인 대상에 의식적으로 주의를 기울이기에 앞서 과거 경험을 바탕으로 정보를 처리하고 판단하는 것을 말한다. 시스템 1: 충동적으로 작동하며 심리적 노력이 거의 들지 않는다. 매사에 신속하고 의식의 제어도 받지 않는다. 시스템 2에 직감, 느낌, 의도, 인상 등의 정보를 제공한다. 시스템 2: 시스템 1이 난관에 봉착했을 때 호출하며 직면한 문제를 해결하겠다는 목표를 가지고 정보를 더 정밀하고 구체적으로 처리 주의를 기울여야하는 복잡한 문제에 사용한다. ​ 디자인이 아름다우면 사용성도 더 좋게 느껴져 사용성 문제를 간과할 수 있다. 항상 사용성에 주의를 기울여야 한다.

Front-end 2023.11.21 0

[UI/UX] 피크엔드 법칙

💡 인간은 경험 전체의 평균이나 합계가 아니라 절정의 순간과 마지막 순간에 느낀 감정을 바탕으로 경험을 판단하는 경향이 있다. ​ 인지편향 판단에 관여하는 사고나 이성에 발생하는 계통오차를 말한다. 상황을 철저하게 분석하기보다 효율적으로 신속한 결정을 내리게 해주는 정신적인 지름길이 되기도 한다. ​ 여정지도 사용자가 임무나 목표를 성취하는 과정을 서술해 사용자가 제품이나 서비스를 사용하는 방법을 시각화 할 때 유용하다. 렌즈, 경험, 통찰

Front-end 2023.11.16 0

[UI/UX] 포스텔의 법칙

💡 자신이 행하는 일은 엄격하게, 남의 것을 받아들일 때는 관대하게 해야 한다. ​ 인터페이스나 시스템은 사용자에게 안정성과 접근성을 보장해야 하며, 사용자의 입력은 포맷이나 입력 매커니즘을 막론하고 무조건 수용해야 한다. ​ 사용자에게 요청하는 정보의 양을 보수적으로 책정해야 한다. 사용자가 채워야 할 필드가 늘어나면 의사결정 피로감으로 정보의 품질이 떨어진다. 중복요청을 피한다. ​ 반응형 웹디자인 → 기기 맞춤형 + 웹의 유동적 특성 ​ 점진적 향상: 콘텐츠에 초점을 맞추고 스타일과 인터랙션을 점진적으로 쌓아가는 전략을 말한다. 다양한 사용자를 관대하게 수용할 수 있다. 핵심 콘텐츠를 지키면서 향상된 기능을 보수적으로 추가하는 방식으로 이루어진다. ​ 디자인 시스템 재사용 가능한 컴포넌트와 패턴의 ..

Front-end 2023.11.14 0

인기 글

[Mac] python3로 기본 설정 변경하기

맥에는 기본적으로 python2가 설치되어 있어, python3를 설치하더라도 python 명령어를 실행하면 python2가 실행된다. 따라서 python3를 기본으로 사용하기 위해서는 python 명령어가 실행하는 python 버전을 바꿔주어야 한다. 방법 1 zsh 이용 (카탈리나 이후 Mac OS는 기본 Shell이 zsh로 설정되었다.) 아래 명령어로 편집기를 연다. vi ~/.zshrc 아래 문장을 입력해 python 명령어가 python3를 인식하게 만들어 준다. alias python="python3" a를 누르면 편집모드로 진입하고 esc를 누르면 명령어모드로 진입한다. :wq로 저장하고 나온다. 변경된 내용을 등록하기 위해 아래 명령어를 입력해준다. source ~/.zshrc 방법 2 ..

Notes 2022.10.24 0

데스커 모션데스크 프리미엄

이사를 하고 서재 방에 책상을 뭘 놓을까 하다가 모션데스크가 있으면 좋을 것 같아서 구매했다. 사무실에서 데스커의 다른 제품을 써 보았는데 데스커 책상이 생각보다 맘에 들었고, 오래 앉아서 일할 때 자세 교정에 도움이 되는 것 같아 모션데스크를 구매했다. 작업 환경에 따라 높이를 적절히 조절할 수 있고, 허리가 아플 때 서서 일할 수 있다는 장점이 있다. 데스커 모션데스크 프리미엄은 화이트, 메이플+화이트, 모던아카시아+빈티지블랙, 빈티지블랙 이렇게 4가지 색상이 있다. 나는 나무 느낌이 좋아서 메이플로 구매했다. 모션데스크는 모터가 중요하다고 하는데, 데스커 모션데스크 프리미엄은 덴마크의 LINAK 사의 모터를 사용하고 있어 안정적인 구동이 가능하다. 데스커 모션데스크 라인업은 4가지 제품이 있고, 데..

Review 2023.10.24 0
반응형