CSS Grid Level 2
-
디자인
UX 리서치의 윤리적 고려 사항
리서치는 좋은 UX를 만드는 데 필수적인 과정입니다. UX 업계에서는 "사용자 리서치가 없는 UX는 UX가 아니다"라고 말합니다. 아주 적절한 표현입니다. UX 개선에 도움이 될 만한 데이터를 얻기 위해서 리서처는 사용자를 만나야 합니다. UX 리서치는 사람을 대상으로 하는 연구이기 때문에 그에 걸맞은 윤리적 기준을 충족시켜야 합니다. UX 리서처는 ... -
디자인
디자인 리스크 줄이기
린Lean, 애자일Agile 방법론은 더 적은 비용으로 더 많은 일을 할 수 있게 해줍니다. 디자인 문화는 점점 더 빠르게 움직이고 연구나 디자인 작업을 큰 기업의 스풀spool 단위에서 단순한 스레드thread 단위로 줄이도록 재촉하고 있습니다. 저자이자 디자이너인 니키 앤더슨Nikki Anderson은 번갯불에 콩 볶듯이 빠르게 연구를 수행하도록 하는 ... -
사용자경험
코로나 시대의 글로벌 디지털 접근성 개발
CODIV-19의 팬데믹이 해를 넘겨 장기화하고 있습니다. 사회적 거리 두기, 비대면 상황에서 장애인들의 소외는 더욱 심각한 사회적 문제가 될 수 있습니다. 장애인에 대한 인식 수준이 현저히 낮은 우리나라에서는 코로나 시대에 접근성 문제를 어떻게 해결하고 있을까요? 저자인 로빈 크로스토퍼슨은 시각 장애인이지만 음성 인식 프로그램을 이용해 컴퓨터, 인터... -
코드
타입스크립트에서 동적·정적 타입 사용하기
자바스크립트는 웹 애플리케이션을 만들 때 기본이 되는 언어로 초심자에게는 접근성이 좋고, 숙련자에게는 생산성을 높여줍니다. 그만큼 유연하고 프로그램을 실행시키는 런타임에 크게 제약이 없다는 특징이 있습니다. 주의할 점은 실수나 오타, 프로그래밍상 오류에 더더욱 주의가 필요하다는 것입니다. 개발자라면 누구나 프로그램 실행 전에 버그가 발견되기를 바랄 것입니... -
JavaScript
리액트 애플리케이션과 다이얼로그플로 에이전트 연결하기
구글에서 개발한 다이얼로그플로(Dialogflow)는 대화형 사용자 인터페이스를 설계하고 모바일 앱, 웹 애플리케이션, 챗봇, 대화형 시스템을 통합하는 데 사용되는 자연어 이해 플랫폼입니다. 이 글은 React.js 웹 애플리케이션과 다이얼로그플로 에이전트를 연결하는 Express.js 백엔드 애플리케이션을 사용해 어떻게 다이얼로그플로를 웹 애플리케이션에서... -
디자인
CSS 개발자 지정 속성으로 색상 만들기
그동안 개발자들은 전처리기 변수나 자바스크립트 방식으로 프로젝트 색상을 구성했습니다. 최근에는 많은 개발자가 실시간으로 작업이 가능하고, 상속 및 값을 재정의할 수 있는 캐스케이드 모델을 지원하는 장점 때문에 색상 변수를 구성할 때 'CSS 개발자 지정 속성(CSS Custom Properties)' 방법을 선호합니다. -
디자인
가독성 개선을 위한 최신 CSS 테크닉
효과적인 읽기를 위해서는, 즉 가독성을 높이려면 읽기 환경을 최적으로 디자인하고 개발해야 합니다. 가독성을 개선하려면 난독증이나 학습 장애, 시각적 장애를 가진 독자도 고려해야 합니다. 어떻게 하면 시각적으로 장애가 있거나 난독증인 사용자를 포함한 모든 독자가 읽기에 쉽게 접근하고, 편하고 다양한 경험을 할 수 있을까요? 이 글에서는 최신 CSS ... -
디자인
전자상거래 UI 디자인의 목표
전자상거래(e커머스) 사용자 인터페이스(UI) 디자인의 목표는 무엇일까요? 구매자가 어떤 방해도 없이 즐겁게, 본인이 원하는 대로 쇼핑을 마치고 결제를 완료하도록 만드는 것입니다. 구매자는 쇼핑이라는 긴 여정에서 결제에 이르기까지 보통 다섯 단계를 경험하게 되는데, 이 과정에서 여러 이유로 구매자의 이탈이 발생하기도 합니다. 이탈률은 구매율에 큰 영향... -
웹디자인
새해, 새로운 시작
2021년 새해에도 세계 곳곳에서 웹을 발전시키기 위한 많은 프로젝트가 진행 중입니다. 올해에도 우리 모두의 목표는 웹 성능을 향상시키는 것이겠죠. 배움에는 끝이 없습니다. 웹액츄얼리가 스매싱 매거진(Smashing Magazine)의 글 중 엄선해 소개하는 기사들을 통해 배움에 대한 갈증을 해소하시길 바랍니다. -
디자인
스케치에서 피그마로 디자인 시스템 옮기기
피그마는 브라우저 기반으로 운영체제와 관계없이 누구나 사용할 수 있고, 클라우드 기반이어서 언제나 최신 버전을 볼 수 있습니다. 또 개발자와 디자이너의 협업과 커뮤니케이션이 용이합니다. 이 때문에 피그마를 도입하려는 팀이나 기업이 많습니다. 하지만 쉽게 결정할 수 없어 망설여지는 부분들도 있겠죠. 필자는 스케치에서 피그마로 옮아가는 과정에서 직접 경험...
ADVERTISEMENT