Skip to content

사용자경험

  • 사용자경험
    접근성 좋은 SVG – 패턴을 넘어선 포용성
    SVG 접근성 측면에서 보면 우리는 큰 진전을 이뤘습니다. SVG의 접근성을 최적화하는 데 도움을 주는 견고한 패턴은 간단한 이미지 혹은 좀더 복잡한 이미지를 만들 때에도 적용할 수 있습니다. 대부분의 개발자나 디자이너는 실제 사용자가 필요로 하는 것보다 WCAG2.1을 준수하기 위한 코드에만 초점을 맞춥니다. SVG를 어떻게 만드느냐에 따라 사용자는 장치...
  • 디자인
    [스매싱 매거진 3월 총정리] 진정하시고 스매싱을 읽으세요
    평소에도 트위터, 페이스북, 링크드인 등을 통해 웹 전반의 소식을 접하고 있을 것입니다. 이달에는 더욱 다채로운 온라인 강연을 소개합니다. 팟캐스트를 들어보세요. 지난 2012년 이래 열린 콘퍼런스 동영상들도 만날 수 있습니다. 또 현재 웹 산업계의 추이를 파악할 수 있는 읽을거리들도 알려줍니다. 현재 업계 또는 개인적 차원에서 진행 중이거나 발표된 재미있...
  • 사용자경험
    자바스크립트의 책임: Part Ⅲ
    편리함에는 항상 대가가 따릅니다. 개발자를 편하게 해주는 서드파티는 관리하지 않으면 아주 골치 아픈 기술 부채의 전조가 될 수 있습니다. 문제가 해결되지 않을 때에야 비로소 편의가 빚이었음을 깨닫게 됩니다. 부채가 쌓여 해결할 수 없는 단계에 이르기 전에 책임자를 정하고 끊임없이 지켜봐야 합니다. 또한 항상 서드파티 스크립트가 이 페이지에 필요한가를 책임자...
  • 사용자경험
    [스매싱 매거진 1월 총정리] 웹 퍼포먼스 최적화하기
    놀라운 속도로 변화하는 웹 업계에서 2020년 공동의 과제는 뭐니뭐니해도 웹 환경 개선이 아닐까요? 웹을 더 빠르고 안정적으로 만들기 위해서는 퍼포먼스를 최적화해야 합니다. 최적화된 웹 퍼포먼스의 중요성을 널리 알리기 위해 현재 많은 사람들이 노력하고 있습니다. 팟캐스트를 통해, 종이책이나 전자책으로, 각종 뉴스레터나 SNS를 이용해서, 세계 각국의 콘퍼...
  • 웹디자인
    IE에서의 CSS 그리드 사용하기: 일반적인 IE 그리드 오해를 파헤치다
    IE와 크롬을 비롯한 엣지, 사파리, 오페라 같은 최신 브라우저에서도 작동하는 그리드, 폴백 레이아웃 없이 작성할 수 있는 CSS 그리드는 더 이상 미래의 이야기가 아닙니다. 여기 대니얼 토논이 IE와 최신 브라우저에서 안전하게 구현되는 CSS 그리드 사용법에 대해 알려드립니다. 모두 4부작으로 IE 그리드에 대한 오해를 풀어주고, IE에서도 완벽하게 구현...
  • 사용자경험
    컨텍스트에서의 웹 접근성
    웹의 혁신은 필수 요소인 접근성에서 비롯된다고 할 수 있지만 웹사이트를 개발하는 사람조차도 접근성의 중요성을 인식하지 못하고 있는 것이 웹 접근성의 주요 과제입니다. 웹 접근성 향상을 위한 다양한 기능의 디자인은 모든 사람이 사용할 수 있을 뿐만 아니라 예상하지 못한 용도를 발견하기도 합니다. 색맹 사용자를 위한 스마트폰의 색상 대비 설정은 밝은 햇빛 속에...
  • 웹디자인
    [2019년 9월 웹 개발 동향] 기본적인 생활 스타일을 받아들이는 법과 단순해지기 힘든 이유
    디지털 세상에서 살아가는 우리는 생산성을 높이기 위해 끊임없이 일을 찾고 단순함과는 점점 거리가 멀어지고 있습니다. 재충전을 위한 여가활동조차 온전히 누리지 못하고 있는 이 시점에 ‘기본’의 의미를 곱씹어 생각하며 일을 끝내면 아무것도 하지 않는 ‘기본적인 생활 스타일’을 한번 누려보는 것은 어떨까요? 파이어폭스 69가 출시되었습니다. 자바스크립트 퍼블릭 ...
  • 웹디자인
    [2019년 8월 웹 개발 동향] 강한 팀과 윤리적 데이터 센스메이킹
    모든 사람은 저마다 각자의 자리와 능력이 있습니다. 팀은 스타만으로 구성되는 것이 아니므로 팀원과 팀의 가치를 응원하고 지지하는 사람과 함께하려는 마음이 필요합니다. 사람들은 빠른 소프트웨어를 선호하고 구매하기 때문에 속도는 비즈니스 성공에도 중요한 요소입니다. 웹사이트 성능을 높이기 위해 아이프레임(iframe)을 섀도DOM(ShadowDOM)으로 바꾸게...
  • 콘텐츠전략
    로봇과의 대화 : 음성 검색과 스마트 에이전트, 구조화된 콘텐츠 사례
    구조화된 콘텐츠는 스마트 에이전트나 음성 검색의 결과를 좌우합니다. 사용자가 음성 검색을 통해 정보를 찾을 때도 콘텐츠 구조화 정도에 따라 검색 결과가 달라집니다. 구조화가 잘 갖추어져 있지 않은 페이지는 사용자를 경쟁사로 빠져나가게하는 계기가 될 수도 있습니다. 이 기사에서는 구조화된 콘텐츠 형태를 소개하고 이를 적용해보고 적용하지 않은 사례와 차근차근 ...
  • 웹디자인
    [2019년 5월 웹 개발 동향] 지나치게 복잡해진 제품 디자인과 보여주기식 일 중독
    최근에 저는 ‘비욘드텔에런드beyondtellerrand’라는 정말 환상적인 콘퍼런스에 다녀왔습니다. 이런 세미나를 다녀올 때마다 우리 산업과 커뮤니티가 발전하고 있다는 생각이 듭니다. 여기저기서 많은 조언과 영감을 얻고, 1년에 한 번밖에 보지 못하는 많은 친구와 사람들을 만나며, 훌륭한 발표를 듣습니다. 사람들은 자신들의 일에 얼마나 좌절했는지 이야기하...


맨위로