국가 바이오데이터 스테이션 K-BDS · 2026
국가 바이오데이터 UX 분석 및 개선
- 사용자 리서치
- 설계/디자인
- 테스트/UX진단
- B2G
- 바이오데이터
- 정보구조
- 아이콘
- 프로토타입
국가 바이오데이터 UX 분석 및 개선 (2026)
국가 바이오데이터 스테이션 K-BDS
사용성 점검 · 연관 사이트 35종 조사
전체 사이트 정보구조(IA) 재설계
DB 화면 3종 · 등록 흐름 2종 상세 설계
바이오데이터, 정보구조, 아이콘, 프로토타입
국가 바이오데이터 UX 분석 및 개선
국가 바이오데이터 스테이션 K-BDS
수행 과정
프로젝트 개요
K-BDS 는 유전체 · 단백체 · 대사체 · 화합물 · 바이오이미징 등 13종을 서비스함
데이터 유형별 특성이 크게 다른데도 화면 구조는 일률적이었음
서비스 구조와 정보 설계 변경, 별도 도움말 필요 없는 사이트 구성
데이터 특성에 따라 손쉽게 등록하고 활용하는 흐름 설계
개요
사용성 진단
정보구조 재설계
데이터 타입 아이콘
공개 페이지 전수 점검
연관 사이트 35종 조사
사용성 점검
전체 사이트 정보구조(IA) 재설계
신규 구조로 페이지 재구성
정보구조 설계
화면 설계
DB 화면 3종
등록 흐름 2종 상세 설계
아이콘 체계
공통 아이콘 체계 재구성
13종 전체
동작 프로토타입
설계 화면을 동작하는 HTML 로 구현
담당자 검토로 의견 수렴
화면 설계 결과
사용성 진단 – 사용성 이슈 12건
국가 바이오데이터 UX 분석 및 개선
국가 바이오데이터 스테이션 K-BDS
사용성 진단
개요
정보구조 재설계
데이터 타입 아이콘
화면 설계 결과
색 · 아이콘 · 레이아웃 규격이 없음
목록에서 상세로 가는 방식이 5가지
필터도 5종 / 3종 / 1~2종 / 없음
도움말이 Support 6종 + DB별 가이드 4갈래로 흩어짐
전체 사이트 정보구조(IA) 재설계
국가 바이오데이터 UX 분석 및 개선
국가 바이오데이터 스테이션 K-BDS
정보구조 재설계
개요
사용성 진단
데이터 타입 아이콘
화면 설계 결과
재편 전
재편 후
Database · Statistics · Search → Bio 데이터 찾기
Submission → 데이터 제출
Services → 데이터 활용
Support · Community → 도움말·학습
About · 공지 · 학술대회 → 소식·소개
원칙① 과업 기준 1차 메뉴 - 기관 분류 축 → 사용자 과업 축
메뉴 전수 조사 후 재구성
데이터 타입 아이콘 13종
국가 바이오데이터 UX 분석 및 개선
국가 바이오데이터 스테이션 K-BDS
데이터 타입 아이콘
개요
사용성 진단
정보구조 재설계
화면 설계 결과
컬러+라인 아이콘 세트 - 개념 설명, 카드 헤드 등 충분한 크기로 노출되는 영역용
Metadata (Gray): BioProject, BioSample
Genomics (Blue): KRA, KEA, KNA, KVar
Omics (Teal): KSO, KPOP, KMAP
Translational (Orange): KCODE, KBI, KPC
Generalist (Gray): GeNA
축소판 아이콘 세트 - 작은 영역 식별성 확보용
적용 사례
데이터 타입 13종을 5개 그룹으로 나누고 그룹마다 색을 배치 - 색은 그룹, 형태는 개별을 식별함
화면 설계 결과
국가 바이오데이터 UX 분석 및 개선
국가 바이오데이터 스테이션 K-BDS
개요
사용성 진단
정보구조 재설계
데이터 타입 아이콘
원칙② DB를 메뉴에 노출
KBio 연구 사이트 - 흩어진 연구 사이트 35종을 한 화면에
원칙③ 왼쪽에 고정 메뉴를 둔다
통합 가이드 팝업
