Skip to content

A List Apart’ 기사 모음입니다

A List Apart는 1998년에 제프리 젤드먼이 설립했다. 웹디자인, 웹개발, 웹콘텐츠, 특히 웹표준에 대한 내용을 자세히 다루고 있다.

  • 콘텐츠전략
    로봇과의 대화 : 음성 검색과 스마트 에이전트, 구조화된 콘텐츠 사례
    구조화된 콘텐츠는 스마트 에이전트나 음성 검색의 결과를 좌우합니다. 사용자가 음성 검색을 통해 정보를 찾을 때도 콘텐츠 구조화 정도에 따라 검색 결과가 달라집니다. 구조화가 잘 갖추어져 있지 않은 페이지는 사용자를 경쟁사로 빠져나가게하는 계기가 될 수도 있습니다. 이 기사에서는 구조화된 콘텐츠 형태를 소개하고 이를 적용해보고 적용하지 않은 사례와 차근차근 ...
  • 웹디자인
    중괄호에서 픽셀로
    CSS 중괄호가 어떻게 화면의 화려한 픽셀로 변신하는지, 브라우저 엔진은 CSS를 어떻게 해석하는지, CSS소스와 캐스케이드, CSS 객체 모델, 레이아웃 결정, 채색, z-index는 브라우저에게 어떤 의미인지 알려줍니다. 브라우저는 결국 모든 계산을 마친 후 하나의 비트맵 이미지로 만들어냅니다. 이번 글은 브라우저가 CSS를 이용해 중괄호를 픽셀로 만드...
  • 코드
    명확한 코드 작성법
    단일 책임 원칙 벽에 전동 드릴로 나사를 박는 경우를 생각해보자. 드릴을 나사에서 떼는 순간 벽체의 성분인 컴파운드 가루가 쭉 뿜어 나오면서 나사를 덮어버리는 신기한 현상을 볼 수 있다. 나사를 페인트로 칠할 거라면 몰라도 매번 이런 현상이 나타나는 것이 달갑지 않을 수도 있다. 그렇다고 해서 구멍 하나 편하게 뚫자고 다른 드릴로 바꿀 수도 없다. 이 드릴...
  • 웹디자인
    웹폰트 사용하기
    폰트를 선택했다면 웹사이트에 적용해보자. 웹폰트는 @font-face 규칙을 통해 CSS에서 정의한다. 웹 개발자들은 @font-face 규칙을 직접 작성해본 혹은 복사해 붙여넣기라도 해본 경험이 있을 것이다. 그게 아니라도 최소한 본 적은 있을 것이다. 그래도 완벽하게 내 것으로 만들기 위해 기본 예제를 빠르게 실행해보자. 이렇게 @font-face 규칙...
  • 사용자경험
    사용자와 직접 만날 수 없을 때 하는 사용자 리서치
    사용자로부터 통찰력을 얻는 가장 좋은 방법은 직접first-hand 조사지만, 다른 방법으로도 사용자의 필요와 요구에 관한 정성적 데이터를 신속하게 수집할 수 있다. 일반적인 가벼운 비정기적 사용자 테스트 이상으로 효과를 거둘 수 있다. 새로 시작하는 회사나 디지털 기록이 적은 회사는 포럼이나 경쟁사 리뷰를 활용해 그들 산업 시장의 사용자를 더 잘 이해할 ...
  • 코드
    웹 프로젝트는 PWA이어야 한다
    PWA를 잘 설명하는 좋은 무료 콘텐츠도 많지만, 잘못된 정보 역시 만연해 있다. 아마 다음 항목 중 하나 이상은 들어봤을 것이다. PWA를 구축하려면 자바스크립트JavaScript 프레임워크를 사용해야 한다. PWA를 구축하려면 싱글 페이지 앱single page app(SPA)으로 시작해야 한다. PWA는 오직 사용자가 설치할 수 있는 ‘앱&...
  • 비즈니스
    실용적인 사용자 리서치: 대규모 조직에서 학습 문화 만들기
    칸티나Cantina의 디자인 컨설턴트인 나는, 고객 리서치가 디지털 작업에 미치는 영향이 기업마다 크게 차이 난다는 것을 지켜봐 왔다. 기업 임원들은 수량화할 수 없는 가치임에도 수치화해서 이해하기를 원하는 경우가 있었다. 반면 개발 팀은 고객 리서치와 사용성 테스트 때문에 납품 기한을 맞추지 못할까봐 부담을 느끼기도 했다. 이런 문제들과 매번 직접적으로 ...
  • 콘텐츠전략
    핵심 모델로 더 나은 성과 달성하기
    핵심 모델은 사용자의 목적과 사업 목표가 일치하는 핵심 작업부터 거꾸로 디자인하는 것이다. UX 디자이너이자 콘텐츠 전략가인 이다 알렌은 핵심 모델을 써서 더 나은 웹사이트를 설계하는 방법을 구체적인 사례로 쉽고 자세하게 소개한다.
  • 콘텐츠전략
    웹 거버넌스 : 변화의 주역 되기
    웹사이트 개편, 웹 애플리케이션, 이메일이나 소셜미디어 캠페인 같은 프로젝트 상황을 생각해보면, 조직의 전략, 관리, 실행, 측정에 문제가 있을때 우리 업무도 계속해서 벽에 부딪히게 된다. 이러한 문제를 해결하려면 ‘웹 거버넌스'를 논의할 필요가 있다.
  • 디자인
    디자이너를 채용하기 전, 준비해야 할 것들
    디자이너를 채용하기 전에, 이 사람이 효과적으로 일할 수 있는 업무 환경을 조성하라. 어떤 직원이든 간에, 작업 도구나 권한이 없어서 성공하기 어려운 업무 환경으로 영입하는 것은 그들에게 부당하다. 당신의 기대를 명확하게 계획해야 하고, 당신이 기대한 바를 디자이너가 할 수 있도록 무대를 만들어줘야 한다.


맨위로