박물관 아카이브 웹디자인, 전시의 시간과 소장품 탐색을 나누는 방법

박물관 홈페이지는 지금 볼 수 있는 전시와 오래 남길 소장품 기록을 구분해야 합니다. 관람객은 방문 정보를 찾고 연구자는 특정 자료의 맥락을 확인하기 때문입니다. 시간의박물관 콘셉트 시안의 연대기와 차분한 사진 배치를 바탕으로, 방문 안내에서 소장품 아카이브까지 이어지는 화면 구조를 살펴봅니다. 시안은 실제 박물관이나 소장 자료를 소개하는 서비스가 아닙니다.

시간의박물관 시안은 심플웹이 만든 콘셉트 시안입니다. 실제 고객사나 운영 서비스가 아니며 화면에 표시된 상호, 상품, 인물, 후기, 수치와 연락처는 가상 예시입니다. 이 글은 화면에서 확인한 표현과 실제 제작 때 추가할 설계를 구분해 설명합니다.

1관람 안내와 자료 탐색은 서로 다른 출발점

시안 첫 화면에는 전시 사진과 소개 문장, 날짜가 붙은 소식이 보입니다. 상단에는 관람 안내와 전시, 소장품 같은 메뉴가 나뉩니다. 지금 방문할 사람과 자료를 찾을 사람의 입구를 구분하는 출발점으로 읽을 수 있습니다. 모든 정보를 큰 전시 배너 하나에 넣으면 소장품을 찾아온 방문자는 어디에서 시작해야 할지 알기 어렵습니다.

실제 박물관에서는 운영 시간과 현재 전시, 온라인 자료의 공개 범위를 각각 정리합니다. 온라인에 소장품 정보가 있다는 사실이 해당 물건을 현재 전시장에서 볼 수 있다는 뜻은 아닙니다. 관람 가능한 상태와 기록 공개 상태를 구분해야 합니다. 시안의 전시명과 연도, 기증 안내는 가상 정보이며 실제 소장이나 행사 사실을 증명하지 않습니다.

2연대기는 소식과 유물의 시간을 구분해야

첫 화면의 가로 선과 날짜는 기관 소식을 시간순으로 보여 주는 표현입니다. 이를 소장품 탐색으로 확장할 때는 유물이 만들어진 시대와 박물관에 들어온 시점, 전시된 시점이 다르다는 점을 고려해야 합니다. 모든 날짜를 하나의 연대기에 섞으면 자료의 의미가 흐려집니다. 무엇의 시간을 보여 주는지 제목과 항목 이름을 분명하게 정합니다.

제작 시기가 정확하지 않은 자료는 추정이나 범위를 표시할 수 있어야 합니다. 임의의 연도를 넣어 그래프를 매끄럽게 만드는 것은 기록의 정확성을 해칩니다. 시간순 탐색 외에도 재질이나 용도, 주제처럼 여러 입구가 필요할 수 있습니다. 디자인을 정하기 전에 실제 소장품 데이터에 어떤 항목이 있고 어느 값이 공개 가능한지 확인해야 합니다.

3검색창보다 먼저 자료 이름의 구조를 정하기

소장품 검색은 이름을 정확히 아는 사람에게만 맞춰서는 부족할 수 있습니다. 정식 명칭과 대중적인 이름이 다를 수 있고 옛 표현을 모르는 방문자도 있습니다. 기관이 검토한 별칭과 분류를 활용해 탐색을 돕는 방법을 생각할 수 있습니다. 다만 편의를 위해 임의의 명칭을 추가하지 않고 기록 담당자가 확인한 데이터로 관리합니다.

메트로폴리탄 미술관의 소장품 공개 페이지에서는 검색과 컬렉션 탐색의 구조를 조사했습니다. 이 글은 해당 자료나 화면을 복제하지 않고 박물관 아카이브의 질문을 정리하는 데 참고했습니다. 우리 기관에서는 제목, 시대, 재질, 분류 같은 실제 항목에 맞춰 검색 범위를 정해야 합니다. 검색 결과가 없을 때 입력을 지우는 방법과 다른 분류로 이동하는 경로도 필요합니다.

4결과 카드에는 식별할 정보만 일관되게

검색 결과에 사진과 이름만 있으면 비슷한 자료를 구분하기 어려울 수 있습니다. 시대와 자료 유형, 식별 번호 등 목록에서 필요한 정보를 고릅니다. 모든 상세 항목을 카드에 넣지 말고 여러 자료를 비교할 수 있는 최소한의 틀을 정합니다. 이미지가 없는 소장품도 결과에서 사라지지 않도록 별도의 표시와 읽을 수 있는 이름을 제공합니다.

검색 조건을 적용했다면 현재 어떤 조건인지 보여 주고 하나씩 해제할 수 있게 합니다. 시대와 재질을 함께 선택했을 때 결과가 없으면 자료가 없다는 것과 조건이 좁다는 것을 구분해 안내합니다. 정렬 기준도 이름순인지 등록순인지 알 수 있어야 합니다. 시안 자체에 전문 아카이브 검색이 구현되어 있다고 설명하지 않고 실제 데이터와 기능을 별도로 설계해야 합니다.

5상세 화면은 사진과 기록을 함께 읽게

소장품 상세에는 큰 사진과 함께 명칭, 제작 시기, 크기, 재질, 설명 등의 기록이 필요할 수 있습니다. 각 항목의 이름을 일정하게 유지하고 알 수 없는 값은 기관의 기록 기준에 맞춰 표현합니다. 설명이 긴 자료는 제목을 나누고 관련 자료로 이동할 수 있게 연결합니다. 이미지 감상과 사실 확인이 서로 다른 영역에서 이어지도록 구성하는 것이 좋습니다.

자료의 해석과 확인된 사실도 구분해 읽을 수 있어야 합니다. 연구가 진행되면서 설명이 달라질 수 있다면 검토 시점과 변경 관리 방법을 정합니다. 기증자나 소유 이력처럼 공개에 주의가 필요한 항목은 기관이 공개 범위를 결정해야 합니다. 디자인 작업자가 빈칸을 추정으로 채우지 않고 실제 검수 자료를 반영하는 절차가 필요합니다.

6모바일에서는 필터를 닫아도 선택이 남아야

휴대폰에서 필터가 본문을 모두 차지하면 결과를 보기 어렵습니다. 필터를 접는 방식으로 만들더라도 적용된 조건 수와 선택 내용을 알 수 있어야 합니다. 결과 화면으로 돌아왔을 때 검색어가 사라지지 않는지도 확인합니다. 소장품 상세를 읽고 뒤로 왔을 때 이전 결과와 위치가 유지되면 여러 자료를 이어서 탐색하기 쉽습니다.

가로로 긴 연대기는 작은 화면에서 목록형으로 바꿀 수 있습니다. 선의 모양보다 날짜와 사건의 관계가 유지되는지 살펴봅니다. 이미지 확대를 제공한다면 조작 버튼이 캡션을 가리지 않는지 확인하고 확대가 어려운 사람을 위해 설명을 충분히 제공합니다. 자료 검색을 처음 쓰는 방문자도 이해할 수 있도록 버튼 이름을 기관 내부 용어만으로 작성하지 않습니다.

7이미지 공개와 재사용 허락은 구분하기

온라인에서 사진을 볼 수 있다는 사실만으로 자유롭게 재사용할 수 있는 것은 아닐 수 있습니다. 기관이 정한 이용 조건과 출처 표기, 별도 문의가 필요한 범위를 자료 가까이 안내합니다. 사진마다 권리 상태가 다르다면 일괄 문구 하나로 모든 자료를 설명하지 않습니다. 다운로드 버튼을 제공할 때는 어떤 파일과 조건을 제공하는지 확인할 수 있어야 합니다.

본 시안의 캡처는 화면 구성을 보여 주며 실제 소장품 이미지의 이용 허락을 대신하지 않습니다. 운영 자료를 등록할 때는 사진과 기록의 공개 권한을 함께 확인해야 합니다. 학술 문의나 이미지 신청을 받는 경우 해당 자료의 식별 정보가 요청에 남도록 설계할 수 있습니다. 실제 허가나 파일 전달 절차는 기관의 운영에 맞춰 별도의 기능 범위로 정합니다.

8자료가 늘어날 때를 기준으로 제작 범위 잡기

아카이브를 준비할 때는 대표 자료 몇 건만이 아니라 서로 다른 유형의 기록을 골라 보세요. 사진이 여러 장인 자료와 이미지가 없는 자료, 제작 시기가 범위인 자료를 넣어 보면 필요한 예외를 찾기 쉽습니다. 기존 목록의 항목과 공개 여부를 정리하고 누가 기록을 검수하고 수정할지 정합니다. 화면 디자인 전에 데이터 구조를 살피면 나중의 수정 범위를 줄이는 데 도움이 됩니다.

시간의박물관의 차분한 첫 화면과 연대기는 기록을 소개하는 시각적 참고점입니다. 실제 아카이브는 자료의 양과 분류, 검색 방식, 이미지 이용 조건에 맞춰 설계해야 합니다. 심플웹에 공개할 자료 수와 현재 정리 방식, 검색에 필요한 항목을 알려 주세요. 기관 소개 중심의 홈페이지부터 자료 탐색을 지원하는 프로그램까지 필요한 범위를 함께 구체화할 수 있습니다.

참고한 실제 서비스에서는 정보의 분류와 읽는 순서만 조사했습니다. 외부 문구와 이미지를 옮기지 않았으며 아래 시안은 해당 서비스와 관련이 없습니다. 조사 자료 1 · 조사 자료 2 · 조사 자료 3

이 콘셉트 시안 직접 보기

같은 업종의 다른 디자인 둘러보기

공개할 소장품 수와 기존 목록의 항목을 알려 주시면 관람 안내와 자료 탐색을 나누는 화면 범위를 정리해 드립니다. 제작 범위 상담하기