사용자경험
ADVERTISEMENT
-
사용자경험
PWA 시대의 캐시 전략
PWA 기술들은 점차 완성돼가고, 사용자 경험의 개선 방안 역시 다양하다. PWA를 비롯한 모든 디자인은 언제나 사용자 중심에서 출발해야 한다. 형편없는 사용자 경험의 가장 큰 피해자는 바로 사용자다. -
사용자경험
[스매싱 매거진 8월 총정리] 온라인에서 능력 향상하기
디자이너는 정확한 기능을 얻거나 대담한 상호작용 기능을 갖춘 디자인을 위해 많은 시간을 보내지만 사용자는 기능이나 디자인과 관계없는 아주 다른 문제들로 헤매기도 합니다. 결제를 하던 사용자가 오타를 발견하고 뒤로가기 버튼을 눌렀을 때 그동안 입력한 정보가 지워지면 어떨까요? 다시 시도할까요? 베이마드 연구소는 "기대를 저버리는 '뒤로가기' 버튼의 디자인 패... -
사용자경험
《사람을 배려하는 디자인》 저자 인터뷰
아름다운 웹사이트 만들기 제18탄 《사람을 배려하는 디자인》에는 탄생 배경이 있습니다. 저자 사라 와터 보에처는 사용자 입장에서 불쾌했던 경험을 기록했고 많은 사람이 나도 그런 경험이 있다며 말하기 시작했습니다. 공동 저자 에릭 마이어는 그녀의 이야기에 공감하고 손을 내민 사람 중 한 명이었으며, 점차 자신들의 이야기가 웹뿐 아니라 다양한 집단에 영향을 미... -
사용자경험
더블 다이아몬드 모델로 바르게 리서치하기
제대로 된 제품을 출시했다고 해서 향후 연구 기회가 사라지는 것은 아니다. 실사용자 행동을 새롭게 탐색하는 기회는 제품 기능의 추가나 제거, 작동 방식 변경에 대한 영감을 계속 불어넣어줄 것이다. -
사용자경험
HTML 반응형 이미지 문법 가이드
브라우저가 마법을 부리는 HTML 문법들에는 srcset, <picture>, w 설명자가 있습니다. srcset만으로도 같은 이미지를 다른 크기로 또 아예 다른 이미지로 제공할 수도 있지만, w 설명자와 sizes 특성을 함께 사용하면 브라우저가 더 적절한 선택을 할 수 있습니다. 반응형 이미지로 '성능 향상'과 '디자인 제어'라는 두 마리 토... -
디자인
색각 결핍 디자이너의 삶
저자인 노아 글루시엔 역시 색맹이라는 핸디캡을 극복하고 자기에게 맞는 커리어 쌓기에 도전하고 있는 웹디자이너입니다. 노아는 이 글에서 색각 결핍이 있는 웹디자이너나 일반 사용자들이 웹을 다루고, 즐길 수 있는 다양한 도구와 자료들을 소개합니다. 그리고 색맹자로서 오히려 장점을 발휘하는 순간들을 알려줍니다. -
사용자경험
[스매싱 매거진 6월 총정리] 그동안 무슨 일이 있었나요?
속도가 사이트 성능을 좌우하기도 합니다. 워드프레스의 보안 플러그인 제작자들이 만든 패스트 오어 슬로(Fast or Slow)는 웹사이트 로딩 속도를 측정해줍니다. 전 세계 13개 도시에 있는 13개 서버로 구성된 네트워크에서 데이터를 받기 때문에 국내뿐 아니라 해외에서의 반응도 확인해볼 수 있습니다. 사이트의 문제점은 무엇이고 개선책까지 알려주는데 무료라... -
사용자경험
서버에서 클라이언트로
클라이언트는 웹브라우저이며 사용자 측에서 작업을 수행하는 소프트웨어다. 서버와 클라이언트가 어우러지는 아름다운 공연은 네트워크 상황에 따라 프로그래밍 캐시를 이용한 서비스 워커가 주연이 될 수도, 네트워크 계층작업을 통한 네트워크 캐시가 주연이 될 수도 있다. 누가 주인공이든 우리의 지향점은 언제, 어디서나 접근 가능한 웹사이트를 사용자가 경험할 수 있도... -
코드
디자이너는 어떻게 코드를 배우나?: PartⅠ
디자인이란 아름다운 목업을 만드는 과정이 아니다. 최종 사용자에게 직관적이고 잘 작동하는 경험을 전달해줄 수단을 만드는 작업이다. 사용자에게 최상의 경험을 제공할 최고의 디자인을 완성하기 위해서는 웹디자인의 원재료인 코드에 대해 알아야 한다. 코딩과 엔지니어링은 별개이다. 코딩은 작업에 필요한 프로그래밍 언어에 익숙해지는 것을 의미한다. 코딩을 통해 디자이... -
사용자경험
[스매싱 매거진 4월 총정리] 연결을 지속하고 서로에게서 배우세요.
코로나19는 대면하지 않고 일을 처리하는 원격근무 시스템 등 대체 방법을 고민하게 만들었습니다. 스매싱 매거진 4월 웹 동향에서도 원격근무에 효율적인 전략을 소개합니다. 그 전략은 적용이 쉽고 차별화될 수 있습니다. 시각화에 유용한 도구를 소개합니다. 플립 카운터는 오픈소스로 모바일에 친화적이며 설치하기 편합니다. 몇 가지 사전 설정으로 각자만의 플립 카운...
ADVERTISEMENT