홈페이지는 GIS 기관과 해당 기관에서 제공하는 맵 및 앱의 품질에 대한 첫인상을 심어줄 수 있는 곳입니다.
이 홈페이지에는 기관 내부 구성원, 비즈니스 파트너 또는 일반 사용자를 위한 리소스 및 정보가 포함될 수 있습니다. 관리자는 홈페이지를 유지관리하여 기관의 스타일 지침 또는 브랜드를 반영하고 기관 구성원이 ArcGIS Online에서 선별하여 생성한 맵, 데이터, 씬, 레이어, 앱을 효과적으로 보여줘야 합니다.
시작하기
기관 관리자 또는 홈페이지 관리 권한이 있는 사용자는 언제든지 기관 홈페이지를 수정할 수 있습니다.
관리자는 로그인 후 기관 홈페이지의 홈페이지 편집 버튼을 사용하거나 기관 설정의 홈페이지 탭에서 편집기를 실행하여 홈페이지 구성에 접근할 수 있습니다.
편집기를 실행하면 다음이 표시됩니다.
- 머리글, 바닥글, 홈페이지의 콘텐츠 및 색상, 글씨체 디자인 옵션을 정의하는 섹션
- 현재 설정 미리 보기
- 다양한 기기에서 홈페이지 미리 보기 옵션
기관 홈페이지의 컴포넌트를 구성하는 방법은 홈페이지 구성을 참고하세요.
사이트 탐색 개선
기관 홈페이지에는 일반 사용자 및 기관 구성원 모두를 위한 리소스와 콘텐츠가 제공되며, 다양한 사용자는 로그인을 통해 맵, 앱 및 기타 콘텐츠를 확인할 수 있습니다. 익명의 일반 사용자 및 기관 구성원 모두 사이트를 이용할 수 있도록 고려하는 것이 중요합니다.
관리자는 탐색 모음에 표시할 링크 및 해당 링크를 이용할 수 있는 사용자를 지정할 수 있습니다. 예를 들어 갤러리 페이지를 모든 사용자가 접근할 수 있도록 구성하거나, 완전히 숨기거나, 로그인한 기관 구성원만 접근할 수 있도록 탐색 모음을 구성할 수 있습니다.
또한 사용자가 속한 그룹(로그인한 기관 구성원 또는 익명의 일반 사용자)을 기반으로 특정 콘텐츠 컬렉션이 표시되도록 갤러리 및 그룹을 구성할 수 있습니다.
접근 가능한 디자인 반영
대부분의 사람들은 인생의 어느 시점에서 영구적으로, 일시적으로 또는 상황에 따라 일종의 장애를 경험합니다. 다음은 접근 가능한 디자인을 사이트에 포함하기 위한 몇 가지 기본 팁입니다.
색상 대비
요소 간의 색상 대비가 충분하면 시력이 약한 사용자도 사이트를 쉽게 이용할 수 있습니다. 홈페이지 색상 구성표는 기관의 스타일에 맞게 사용자 정의할 수 있지만, 제공된 프리셋 색상 테마는 시력이 약하거나 손상된 사용자를 위해 색상 대비를 최대화하도록 설계되었습니다. 사용자 설정 스타일을 사용하여 기관의 브랜드 테마를 생성하는 경우, 선택한 색상이 사용자 설정 스타일 설정 창에서 제공되는 가독성 검사를 통과해야 합니다.
글꼴 선택 해제
색상 대비와 마찬가지로, 홈페이지 서체는 기관의 스타일에 맞게 사용자 정의할 수 있지만, 제공된 사전 설정된 글꼴 테마는 브라우저 및 다양한 스크린 리더에 따른 변환 및 가독성에 맞게 설계되었습니다.
이미지에 텍스트 제외
이 홈페이지는 모든 기기에서 반응하고 볼 수 있도록 설계되었습니다. 배너 이미지에 텍스트 또는 그래픽 요소를 직접 삽입할 경우 다른 해상도 또는 다양한 기기에서 볼 때 잘못된 결과가 발생할 수 있습니다. 또한 이미지에 텍스트를 삽입하면 시력이 낮거나 손상된 사용자의 경우 이미지에 포함된 정보에 접근할 수 없습니다. 기관 제목과 텍스트 블록을 통해 사용자에게 정보를 제공하세요.
다양한 색상 및 스타일
배너 그래픽, 배경 색상, 항목 썸네일 등을 포함하여 홈페이지의 전체 스타일을 연출합니다. 사용자 설정 색상을 사용하여 테마를 빠르게 변경하거나 프리셋 색상 테마 중 하나를 사용합니다.
콘텐츠 편집
텍스트 블록은 짧게 요점만 포함합니다. 텍스트에 유용한 정보를 충분히 제공하되 너무 자세하게 입력하지 마세요. 각 텍스트 블록에는 최대 1,000자까지 입력할 수 있습니다. 사용자가 정보를 유지할 수 있도록 블록 또는 단락당 1~2개의 문장을 사용합니다. 복잡한 텍스트 콘텐츠는 여러 텍스트 블록으로 나누거나 항목 갤러리 상단에 텍스트 요약을 추가할 수 있습니다.
다음을 고려합니다.
- 제공하는 메시지가 기관과 관련이 있는지 확인합니다.
- 단어 수는 주제의 복잡성 또는 단순성을 반영해야 합니다.
- 커버 이미지나 항목 썸네일에는 텍스트를 사용하지 마세요.
- 높은 품질의 콘텐츠를 유지하고 사이트에 발행하기 전에 항상 교정합니다.
항목 갤러리 간소화
항목 갤러리의 항목에 대한 모든 정보를 표시할 필요는 없습니다. 예를 들어 항목 유형 또는 요약이 필요하지 않을 수 있습니다. 불필요한 정보를 추가하는 대신 제거할 수 있는 항목을 확인하여 사이트를 깔끔하고 전문적으로 보이게 할 수 있습니다.
깔끔한 썸네일 사용
썸네일을 간단하게 유지합니다. 항목 또는 그룹에 대한 썸네일을 생성할 경우 흐릿한 이미지나 작고 대비되지 않는 텍스트를 사용하지 마세요. 썸네일에서 제목 또는 항목 유형을 중복하지 마세요. 허용되는 이미지 형식은 PNG, GIF, JPEG입니다. 항목 썸네일(갤러리)의 경사면 방향 비율은 3:2입니다.
링크 및 연락처 정보 추가
적절한 경우 소셜 미디어 계정과 같은 링크 및 사이트의 바닥글 섹션에 문의하기 이메일 링크를 추가하는 것을 검토합니다.
리뷰 받기
기관과 연관된 모든 콘텐츠 및 항목은 정확성을 위해 자주 선별하여 검토해야 합니다. 링크가 변경될 수 있으며, 정보는 뒤쳐질 수 있습니다.
기관 홈페이지 예시
| 미네소타주의 패리보우 카운티에서는 브랜드 썸네일로 효과적으로 정리된 사이트를 통해 시각적으로 흥미로운 UX를 제공하며 간단하고 기술적인 텍스트를 통해 정보를 명확하게 전달합니다. |
노스캐롤라이나주 채텀 카운티의 GIS 포털은 일치하는 썸네일과 최소한의 텍스트로 브랜드에 일관된 스타일을 연출합니다. 이 사이트는 시각적으로 매력적이며 각 링크와 이미지의 목표를 명확하게 전달합니다. 이 기관에서는 정보 배너 및 바닥글 텍스트 상자 링크를 사용하여 사용자에게 추가 정보를 제공합니다. |
시애틀 시의 GIS 포털은 홈페이지를 웹 앱 및 피처 레이어 간에 나누어, 각 링크에 대한 대형 썸네일과 명확한 설명을 포함하여 각각 4개만 표시합니다. 이 홈페이지에서는 읽기 쉬운 레이아웃을 최소한으로 제공합니다. |