stages는 시기마다 줄을 나눠요. 왼쪽에 큰 가는 순번과 시기 이름, 오른쪽에 사이트 타일이 놓이고 줄 위에 가는 선이 있어요. table은 회색 머리 줄(시기, 사이트, 이런 내용, 글)의 표 한 장이고 시기 칸은 합쳐 보여요. timeline은 넓은 화면에서 가로 단계선 위에 고리를 두고 단계마다 사이트 링크를 아래로 늘어놓고, 폰에서는 세로로 바뀌어요.
사이트가 열 곳 안팎이라 시기별로 고르게 하는 허브에 쓰는 구성이에요. 사이트 소개까지 크게 보이게 하려면 stages, 한 화면에 전부 보이려면 table, 순서가 시간 흐름이라는 걸 강조하려면 timeline이에요. stages는 타일이 한두 개뿐인 줄이 많아 오른쪽이 비어 보여요.
이럴 때 — 변형 3
- stages시기 칸 시기마다 사이트가 두 곳 넘게 있을 때 — 시기 | 사이트 상자.쓰는 사이트 4곳: babyfood, birthprep, milestone, newborn
- table표 한눈에 비교하는 게 가장 중요할 때 — 시기 | 사이트 | 이런 내용 | 글 수.쓰는 사이트 3곳: babyplay, babysick, toddlerfood
- timeline세로 단계 순서(임신 → 신생아 → 돌)가 가장 중요한 정보일 때.쓰는 사이트 4곳: babysleep, feeding, vaccination, 허브