1일1끄적

축소한 이미지를 일람으로 표시 엄지 손톱을 의미하며 엄지손가락 정도의 크기로 표시한 이미지를 말한다. 예를 들면 많은 이미지를 표시할 때 파일명의 일람뿐 아니라 이미지를 축소 표시해서 쉽게 찾을 수 있게 한다. 또한 웹페이지 등에서 많은 이미지를 표시하는 경우는 작은 이미지를 표시해서 전송량을 줄이고 고속으로 표시할 수 있다. *아이캡처와의 차이 웹페이지 내에서 기사 도중에 주의를 끌기 위해 작은 이미지를 삽입하는 것을 아이캡처라고 하는데 섬네일은 축소의 의미로 사용된다 *동양상의 썸네일 여러 개의 동영상을 일람 표시했을 떄도 그 냉용을 한눈에 알 수 있도록 처음과 특징적인 장면을 잘라낸 한 장의 이미지가 사용되는 일이 많다. *디스크의 소비 썸네일은 이미지가 작기는 하지만 그 수가 늘면 디스크 용량을 ..

화면 크기에 따라 자동으로 레이아웃이 바뀜 PC와 스마트폰과 같이 화면 크기가 달라도 읽기 쉽도록 자동으로 레이아웃하는 구조를 가진 디자인을 말한다. PC용으로 잓어한 페이지를 그대로 스마트폰으로 보면 문자가 작아서 읽기 어렵지만 보기 쉽게 자동으로 레이아웃이 전환된다. 웹사이트 운용자는 하나의 HTML을 작성하기만 하면 이용자 환경에 따라서 자동으로 레이아웃을 바꿀 수 있다. *뷰포트 지정 작은 화면이라도 해상도가 높은 경우가 있기 때문에 화면에서 작게 표시되지 않도록 뷰포트라는 지정 방법이 반응형 디자인에서 사용된다 *CSS 프레임워크 디자인을 잘 모르는 사람이 봐도 어느 정도 정돈된 사이트를 간단하게 제작 가능한 반응형 디자인을 도입할 수 있는 CSS 프레임워크가 많이 사용되고 있다.

열람하고 있는 페이지의 위치를 파악 사이트 이동 경러란 현재 열람하고 있는 웹페이지의 위치를 알지 못하는 것을 방지하기 위해 톱페이지부터 위치를 계층 구조로 나타내는 방법. 이 기법의 영어 이름 Breadcrumb trail은 에서 집을 찾기 위해 남매가 뿌리는 빵 부스러기에서 유래했다. 또한 페이지의 분류를 계층이라고 하고 계층화함으로써 다른 페이지로의 링크 의미도 있다. *사이트 이동 경로의 예 이용자가 알기 쉬운 사이트 이동 경로에는 상품의 분류에 따른 계층 구조가 있고 술>와인>레드와인과 같이 차츰 세분화하는 방법이 사용된다 *구조화 데이터의 표기법 검색 엔진에 계층을 전달하는 경우 정해진 서식의 구조화 데이터로 표현할 필요가 있다. 서식으로는 JSON-LD와 Micordata의 사용이 권장되고 ..

여러 패넡을 비교해서 평가 웹사이트의 디자인 등 여러 개의 안을 실제로 운용해서 시험하고 결과가 좋은 쪽을 사용하는 수법. A와 B 두 가지 안이 있다고 해서 붙은 이름으로 공개한 웹사이트에 대한 액세스를 자동으로 균형있게 할당하고 컨버전율 등을 비교한다. 이용자는 여러 개의 디자인이 있다는 사실을 알아차리지 못하지만 관리자는 각각의 결과를 보고 판단할 수 있다. *어느 정도의 이용자 수가 필요 AB테스트를 실시하기 위해서는 많은 이용자가 각각의 페이지를 열럼할 필요가 있기 때문에 일정한 수의 이용자가 액세스하지 않으면 평가할 수 없다 *수정은 한 곳씩 비교 AB테스트에서 여러 곳을 동시에 수정하면 어디를 수정한 것이 효과적이었는지를 알 수 없기 때문ㅇ ㅔ 한 곳씩 대응해서 결과를 비교할 필요가 있다 *..