Skip to content

사용자경험

  • 콘텐츠전략
    [2018년 3월 웹 개발 동향] 서비스 워커, CDN 만들기, 디자인 팁
    서비스 워커Service Worker는 아마도 가장 잘못 소개되고 있는 웹 기술 중 하나일 것 같습니다. 대부분 이 기술을 논할 때 오프라인 모드에서 앱을 사용하는 방법에 관한 이야기만 하죠. 하지만 서비스 워커는 그보다 훨씬 많은 것을 할 수 있습니다. 최근에는 서비스 워커가 얼마나 훌륭한 기술인지에 관한 글을 매주 새로 보는 것 같네요. 예를 들어 이달...
  • 모바일
    [2018년 2월 웹 개발 동향] 개선된 내용, 다양한 브랜드 소식, 브라우저의 빠른 발전
    사람들은 저마다 속한 전문 분야에서 본인에게 맞는 세부 영역을 찾곤 합니다. 오늘날의 웹 디자인과 개발 분야도 이와 다르지 않습니다. 15년 전 제가 첫 웹사이트를 만들 때 사용했던 기술은 프레임셋과 HTML 4.0, 이미지 파일, 그리고 지금에 비하면 극히 제한적인 CSS와 현란한 GIF 이미지, 인라인 자바스크립트(예를 들면 onclick="" 속성) ...
  • 코드
    WebGL을 사용한 애니메이션 및 인터랙션 기법
    프로세스 제약사항 이 실습에서는 주로 three.js와 GreenSock 라이브러리를 사용했으며, 3D나 애니메이션 소프트웨어를 사용하지 않고 수기로 직접 코딩했습니다. 실습은 한 번에 큐브 하나씩 캐릭터를 프로그래밍하는 방식으로 진행됐습니다. 주로 코드 값을 미세하게 조정해 비율, 위치 및 전체 렌더링을 수정하려고 했죠. 그리고 최종적으로 사용자 입력 (...
  • 사용자경험
    사용자와 직접 만날 수 없을 때 하는 사용자 리서치
    사용자로부터 통찰력을 얻는 가장 좋은 방법은 직접first-hand 조사지만, 다른 방법으로도 사용자의 필요와 요구에 관한 정성적 데이터를 신속하게 수집할 수 있다. 일반적인 가벼운 비정기적 사용자 테스트 이상으로 효과를 거둘 수 있다. 새로 시작하는 회사나 디지털 기록이 적은 회사는 포럼이나 경쟁사 리뷰를 활용해 그들 산업 시장의 사용자를 더 잘 이해할 ...
  • 코드
    웹 프로젝트는 PWA이어야 한다
    PWA를 잘 설명하는 좋은 무료 콘텐츠도 많지만, 잘못된 정보 역시 만연해 있다. 아마 다음 항목 중 하나 이상은 들어봤을 것이다. PWA를 구축하려면 자바스크립트JavaScript 프레임워크를 사용해야 한다. PWA를 구축하려면 싱글 페이지 앱single page app(SPA)으로 시작해야 한다. PWA는 오직 사용자가 설치할 수 있는 ‘앱&...
  • 디자인
    스케치로 반응형 웹 디자인하기
    포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치...
  • 비즈니스
    실용적인 사용자 리서치: 대규모 조직에서 학습 문화 만들기
    칸티나Cantina의 디자인 컨설턴트인 나는, 고객 리서치가 디지털 작업에 미치는 영향이 기업마다 크게 차이 난다는 것을 지켜봐 왔다. 기업 임원들은 수량화할 수 없는 가치임에도 수치화해서 이해하기를 원하는 경우가 있었다. 반면 개발 팀은 고객 리서치와 사용성 테스트 때문에 납품 기한을 맞추지 못할까봐 부담을 느끼기도 했다. 이런 문제들과 매번 직접적으로 ...
  • 사용자경험
    디지털 변환: 대답해야 할 여섯 가지 질문
    ≪우리 회사 디지털로 리셋하기≫(웹액츄얼리코리아, 2015)를 출간한 이후 많은 클라이언트 상담과 강연을 진행하고, 디지털 변환에 대해서 글을 쓰며 지냈다. 이 주제에 대해 계속해서 이야기해 왔음에도 불구하고, 내 머릿속의 어지러운 개념들을 간결하게 정리해본 적이 없었다. 이 글을 계기로 내 생각을 추려보면서, 디지털 변환을 포괄적으로 소개하려 한다. 이 ...
  • 디자인
    Craft 플러그인을 사용해 스케치에서 실제데이터로 디자인하기
    스케치로 앱 디자인할 때, 가장 간단하게 데이터 작업을 하는 방법은 바로 InVision의 Craft 플러그인을 사용하는 것이다. 가상의 ‘무비 파인터(Movie Finder)’ 앱을 제작해보며, Craft 플러그인을 200% 활용하여 실제 데이터로 앱에 영화 콘텐츠를 채우고 검색 기능을 제공해보자. ≪스케치≫(웹액츄얼리코리아, 2017)의 저자 ‘크리스티...
  • 사용자경험
    원활한 커뮤니케이션을 위한 와이어프레임을 찾아서!
    웹 기획자로서 국내 웹 에이전시 환경에서 일해 본 사람이라면 다음과 같은 일을 경험한다.  누구나 MS 파워포인트를 사용해 ‘스토리보드’라고 하는 UI 기획서를 만든다. 파워포인트는 손에 익으면 사용하기 편리해서 빠르게 작업할 수 있다. 기존 웹 개발 환경에서 흔히 사용했던 방식이다.  개발자와 디자이너 모두에게 익숙한 문서이기도 하다. 과연 고객clien...


맨위로