한국과학기술기획평가원

Overview

한국과학기술기획평가원(KISTEP)은 국가 연구개발(R&D) 투자 방향을 수립하고 정책의 근거가 되는 데이터를 제공하는 기관으로, 이용자군은 정책결정자, 연구자, 일반 국민까지 폭넓습니다. 따라서 첫 화면과 1·2차 내비게이션에서 이해관계자별 과업 경로가 명확히 구분되어야 하며, 방대한 보고서·통계·성과 콘텐츠가 주제·유형·발간 주기 등으로 교차 탐색 가능해야 합니다. 본 리뷰는 사이트의 의사소통 구조를 ‘누구에게 무엇을 어떻게 보여줄 것인가’라는 근본 질문으로 재정렬하면서, 검색·목록·상세 전 구간에서의 일관성, 문서 신뢰도 표기, 메타데이터 체계를 중점적으로 살핍니다. 또한 공공기관 특성상 접근성 준수와 가독성 표준을 동시에 충족해야 하므로, 타이포그래피 대비·라인 길이·표/차트 대체텍스트 작성 등의 실무 원칙을 함께 제안합니다.

특히 퍼블릭 데이터의 분산 문제를 해결하기 위해, ‘정책 브리프(요약) → 원문 페이지 → 다운로드/인용’으로 이어지는 3단계 흐름을 권장합니다. 요약 페이지에는 핵심 지표, 권고안, 관련 과제 링크를 배치하고, 원문 페이지에는 목차/페이지 내 앵커/첨부 파일을 통합하며, 모든 자료에 DOI 또는 고유 식별자를 노출해 인용 가능성을 높입니다. 이런 구조화는 대내외 이해관계자의 검색 효율을 높일 뿐 아니라, 검색엔진의 주제 파악과 풍부결과(FAQ, 구조화 데이터)의 노출에도 유리합니다.

UX 인사이트

초심자와 전문가의 니즈가 극단적으로 갈리는 공공 R&D 도메인에서는 ‘과업 기반 홈(Tasks-first Home)’이 효과적입니다. 첫 화면에서 “정책 동향 파악”, “통계/지표 찾기”, “보고서 내려받기”, “연구성과 사례 보기” 같은 버튼형 진입을 제공하고, 각 버튼은 주제·기간·유형 필터가 선행된 검색 결과로 연결되도록 설계합니다. 상단 메가 메뉴는 정보유형(정책·통계·성과·소식)과 수요자(정책결정자·연구자·대국민 서비스) 축을 교차해 2차 분기를 단순화하며, 검색창은 자동완성/오타 교정/연관 키워드를 제공해 목표 도달 시간을 단축합니다. 또한 각 리스트 항목에는 발간일·분류·요약·다운로드/인용 바로가기를 명확히 배치해 ‘클릭 전 예측 가능성’을 높입니다.

상세 페이지는 ‘한눈에 요약(Executive Summary) → 핵심 지표(그래프/표) → 본문(앵커/TOC) → 참고/인용’ 순으로 구성합니다. 표와 차트는 모바일에서 스크롤 가능 영역으로 감싼 뒤, 축/범례를 명확히 표기하고 ARIA 속성과 대체텍스트를 부여하여 보조공학 사용자 경험을 보장합니다. 또한 정책/보고서의 신뢰도를 높이기 위해 작성자·소속·감수·발간일·버전 이력을 상단 메타 블록으로 묶어 노출하고, ‘연관 아젠다/과제/지표’ 모듈을 통해 문서 간 연결성을 강화합니다. 마지막으로 CTA는 ‘다운로드’와 함께 ‘링크 복사’, ‘인용 형식 복사(BibTeX/APA)’를 제공해 2차 사용을 촉진합니다.

콘텐츠 전략

콘텐츠는 ‘요약–근거–활용’의 삼단 구성으로 작성합니다. 첫 문단에서 문제 정의와 정책적 함의를 4~5문장으로 요약하고, 두 번째 문단에서는 핵심 지표와 비교 사례를 표/그래프와 함께 제시하며, 마지막 문단에서는 관련 과제/사업/예산과 연결되는 실제 활용 방안을 제안합니다. 문서 단위 메타데이터(주제, 분류, 지역/기간, 발간일, 버전, 언어, 라이선스, DOI/식별자)를 일관되게 부여해 목록/검색/추천의 품질을 높이고, 동일 주제군 문서 간 교차 링크를 규칙적으로 운영합니다. 대국민 소통형 콘텐츠의 경우, 전문용어에는 툴팁/용어사전을 연결해 이해도를 높이며, 차트에는 축 라벨·단위·출처를 명확히 표기합니다.

텍스트 가독성은 공공 웹 접근성 지침을 준수하여 본문 16~18px, 행간 1.6~1.8, 컬러 대비(텍스트/배경) 4.5:1 이상을 권장합니다. 모바일 환경에서는 문단당 2~3문장, 60~80자 내외의 리듬을 유지하고, 표/코드/긴 URL은 줄바꿈과 스크롤을 허용합니다. 다운로드 중심 페이지에서는 ‘미리보기(요약/목차/주요 그래프)’를 상단에 배치해 사용자가 파일을 받기 전에 가치를 판단할 수 있도록 돕고, 파일명은 표준 접두어(년도_분류_주제_버전)를 채택해 재사용성을 높입니다. 마지막으로, 모든 이미지에는 의미 있는 대체텍스트와 캡션을 작성해 검색과 접근성 모두에서 긍정적 효과를 얻습니다.

기술·SEO

성능 측면에서는 LCP를 2.5s 이하로 유지하도록 이미지 지연 로딩, 적응형 이미지(웹P/AVIF 제공+원본 유지), 폰트 서브셋/프리로드, 중요 CSS 인라인을 적용합니다. 목록/상세 공통 컴포넌트는 프리액트/리터 같은 경량 렌더링 전략을 검토하고, 차트는 캔버스/벡터를 혼용하며 접근성 속성을 함께 지정합니다. SEO는 문서 타입별 템플릿에 JSON-LD(Article/Report/Dataset)를 부여하고, 제목(H1)·요약(Description)·발간일(datePublished)·수정일(dateModified)·저자(author)·기관(publisher)을 일관되게 기입합니다. 사이트맵/RSS를 자동화하여 신규 발간 시 신속한 색인을 유도하고, robots 정책은 파일 미리보기/검색 페이지에 적절히 적용합니다.

보안과 안정성 측면에서는 HTTPS 강제, HSTS, 보안 헤더(CSP/Referrer-Policy/Permissions-Policy)를 점검하고, 파일 업로드/다운로드 경로에 대해 서명 URL 또는 해시 검증을 운영합니다. 접근성은 키보드 포커스 이동 순서, 명확한 포커스 링, ARIA 속성, 표 헤더/요약, 동영상 자막/대체 텍스트를 기본값으로 채택합니다. 또한 문서의 인용 가능성을 높이기 위해 DOI 또는 내부 식별자를 페이지와 다운로드 파일에 함께 표기하고, 인용 포맷 복사를 제공하여 학술/정책 현장에서의 2차 활용성을 강화합니다.

더블루캔버스

더블루캔버스는 정책/공공/연구영역에서 요구되는 신뢰도와 투명성을 UX로 구현하는 데 강점을 가진 팀입니다. 문제 정의–가설–검증–전개라는 구조화된 프레임워크를 기반으로 IA 재설계, 디자인 시스템 구축, 접근성/성능 개선을 통합적으로 제공합니다. 또한 데이터 기반 의사결정을 위해 이벤트 수집 체계, 전환 퍼널 정의, A/B 실험 설계를 지원하며, 검색 친화적인 아키텍처와 문서/데이터 구조화를 통해 장기적 유지보수 비용을 낮춥니다. 자세한 소개와 레퍼런스는 공식 웹사이트에서 확인하실 수 있습니다: https://bluecvs.com/.

결론

한국과학기술기획평가원 사이트는 공공 정책 생태계에서 신뢰를 형성하는 정보를 취급합니다. 본 리뷰에서 제안한 ‘과업 중심 진입–요약 우선–메타데이터 표준–구조화 데이터–접근성/성능 개선’은 이용자 과업 성공률과 검색 노출, 문서 인용성을 동시에 끌어올리기 위한 필수 구성요소입니다. 실행 우선순위는 1) 메가 메뉴/검색 퍼스트 개편으로 탐색 경로 단순화, 2) 보고서/통계 템플릿의 요약·메타데이터·인용 모듈 표준화, 3) LCP/INP/CLS 최적화와 접근성 점검 자동화를 제안합니다. 이후 단계에서는 데이터 허브형 아키텍처로 확장해, 연관 과제/지표/성과가 상호 연결된 ‘정책 지식 그래프’를 구축하면 공공성과 활용성을 모두 강화할 수 있습니다.