다시 뛰는 공정도시 서울!

문서번호 재무과-11182 결재일자 2024. 3. 4. 공개여부 부분공개(5) 방침번호 시 민 주무관 계약총괄팀장 재무과장 재무국장 권유미 이용훈 권순기 03/04 김진만 서울계약마당 서브·모바일 개편 추진계획 2024. 3. 재 무 국 (재무과) ☞ 해당사항이 있는 부분에 ‘ ■ ’ 표시하시기 바랍니다. (※ 비고 : 필요시 검토내용 기재) 구 분 사전 검토항목 점검 사항 검토완료 해당없음 비 고 일반사항 정책일반 ◆ 제반 법규와 실태, 실제 현장의 의견 등을 검토하였습니까? (법령, 규칙, 통계·빅데이터, 시민의견 등) □ ■ ◆ 정책(사업) 집행의 직·간접적 영향 및 효과성을 분석하였습니까?(갈등, 약자, 일자리, 안전, 탄소 감축 등) ※ 약자 : 하단 세부 검토항목 점검 □ ■ ◆ 정책·계획·전시물·홍보물 등이 역사적 사실에 부합하는지 검토하였습니까? □ ■ ◆ 불필요한 외국어·외래어 표현 대신 바른 우리말을 사용하였습니까? ■ □ ◆ 정책·계획 등의 지속가능성을 검토하였습니까?(경제·사회·환경 등) □ ■ 약자와의 동행 목적 ◆ 경제적으로 취약한 약자를 지원하기 위한 사업인가? □ ■ ◆ 주거, 생계, 의료, 교육, 기타 분야 중 어느 것에 해당하는가? □ ■ 주거/생계/의료/교육/기타 ◆ 단순지원 사업과 사다리지원 사업 중 어느 것에 해당하는가? (단순 : 어려움 즉시 개선 / 사다리 : 계층 상향 또는 안정 유도) □ ■ 단순지원/ 사다리지원 ◆ 경제적으로 취약한 약자가 아니라 하더라도, 다양한 분야의 사회적 약자를 배려할 수 있는 수단을 포함하였는가? □ ■ 계획수립 ◆ 사업 대상자가 쉽고 편리하게 서비스를 활용할 수 있도록 사업을 구성하였는가? ■ □ 집행·홍보 ◆ 집행과정에서 발생할 수 있는 역효과를 최소화하기 위한 대안을 고려하였는가?(‘약자’ 낙인효과, 역차별 등) □ ■ ◆ 사업 대상자에게 적절한 홍보 수단을 채택하였는가? □ ■ 평가·환류 ◆ 사업효과를 측정할 수 있는 지표(산출, 과정, 성과 등)는 마련하였는가? 아닐 경우, 성과를 평가할 수 있는 대체·보완 수단이 존재하는가? □ ■ 서울계약마당 서브？모바일 개편 추진계획 서울계약마당의 서비스 품질과 사용자 만족도 제고를 위해 서브 화면 개편 및 모바일 웹을 전면적으로 개편하고자 함. 1 추진개요 □ 추진배경 ㅇ 메인화면 개편(재무과-9520, 2023.2.28.) 후, 서브 화면 등 연계 개편 필요 - **************************************************** - 메인과 서브화면 간 일관성을 유지하여 화면 간 불일치 해소와 완성도 향상 필요 ㅇ PC웹과 모바일웹의 디자인 및 구성 불일치로 UI/UX 통일성 확보 필요 - *********************************************** - 이를 하나로 통일하여 일관된 사용자 경험 제공과 관리 효율 제고가 요구됨 □ 추진개요 ㅇ추진기간 : 2024. 3. 1. ~ 5. 30.(3개월) ㅇ추진내용 : 서울계약마당 서브 화면 개편 및 모바일 웹 전면 개편 추진 〈 사 업 개 요 〉 사 업 명 : 2024년 서울계약마당 시스템 운영 및 유지관리 사업기간 : 2024. 1. 1. ~ 12. 31.(12개월) 사 업 비 : 231,000천원 ※ 유지보수 과업범위 내 사업수행 : ㈜유비젠에스엔티***** 2 세부 추진계획 ① 서브화면 개편 → 서비스 품질 및 활용도(경쟁력) 강화 □ 추진방법 ㅇ (편의성) 시민의 이용 편의성 향상을 위한 디자인 및 구성 개편 ㅇ (완결성) 메인화면과 일관된 페이지 구성으로 누리집 완결도 향상 ㅇ (가독성) 사용자가 원하는 정보를 쉽게 찾을 수 있도록 가독성 강화 □ 추진내용 ㅇ 사용자 활용이 높은 화면을 간소화하여 사용 편의성 증대 - 필요한 정보만 간결하게 표현하여 사용자가 원하는 방향으로 시선 유도 - 시인성이 떨어져 복잡하고 어렵게 느껴졌던 실적증명 신청 화면 디자인 개선 ※ 부서(담당자) 검색 버튼 등 사용자가 쉽게 인지할 수 있는 디자인 적용 ㅇ 메인과 동일한 넓은 가로 화면 적용으로 시각적 여유 및 개방감 강화 - 여백을 활용한 목록화면(게시판) 디자인 개선으로 명확한 정보 전달 - 서브 페이지 가로 사용 폭 확장 : ************************* 서울계약마당 | 입찰정보 | 계약정보 | 실적증명 | 공공구매 | 공지사항 | 사이트맵 ？？ ************ ？？ ㅇ 복잡하거나 불필요한 디자인 및 기능을 개선하여 이용자 가독성 향상 - 사용자가 텍스트를 읽기 쉽게 대비 높은 색상 선택 및 가독성 좋은 폰트 사용 - (레이아웃) 중요한 내용이 눈에 잘 띄도록 배치하고 정보는 논리적으로 구성 ② 모바일 웹 개편 → 사용자 만족도 및 편의성 향상 □ 추진방법 ㅇ (모바일 최적화) 다양한 모바일 기기에서 PC 웹과 같은 서비스 제공 ㅇ (접근성)　이용자 관심 정보에 빠르게 접근하여 사용의 편리성 확대 ㅇ (일관성？통일성) PC 웹과 동일한 디자인 적용으로 반응형 웹 효과 구현 □ 추진내용 ㅇ 모바일 기기 접속 시 모바일 친화적 웹 디자인, 속도 최적화, 사용성 향상 - (속도 최적화) 웹사이트 로딩 시간을 줄이기 위해 이미지, 스크립트 등 최적화 - (사용성 최적화) 모바일 기기에서 편리하게 사용토록 버튼, 폰트, 네비 등 최적화 - (콘텐츠 최적화) 모바일 기기에서 잘 읽히고 이해되도록 콘텐츠 길이, 구성, 키워드 등 최적화 ㅇ 향상된 모바일 최적화로 사용자에게 더 쉬운 접근과 편리한 경험 제공 - 메뉴 어디서나 접근이 용이한 메인 구성, 직관적 디자인 및 색감 사용 - 사용자가 필요한 정보를 효과적으로 활용할 수 있도록 직관적 네비게이션 구성 - 웹표준과 웹접근성 등 표준기술을 고려한 개발과 검사 도구를 활용한 점검 ㅇ PC 화면과 같은 레이아웃 및 디자인, ？공공사업 참여？ 등 신규 콘텐츠 제공 - PC와 다른 화면에서 오는 이용자 불편사항 개선 - 다양한 모바일 사용자를 위한 UI/UX 개선 ************************************************************ 3 추진일정 ㅇ 서브·모바일웹 기본 디자인 및 구성(안) 확정 '24. 3월 초 ㅇ 세부 내용 디자인 및 구성(안) 확정 '24. 3월 중 ㅇ 세부 페이지 구성 재배치 및 개선 '24. 3 ~ 4월 ㅇ 확정 디자인에 따른 서브 및 모바일 웹 개발 '24. 3 ~ 4월 ㅇ 신규 콘텐츠 제작 '24. 4 ~ 5월 중 ㅇ 서비스 개시(오픈) '24. 5월 말 붙임 서울계약마당 개편 화면(안)(서브화면, 태블릿, 모바일) □ 모바일 메인화면(안) *************************************** 개선 메인② □ 모바일 서브 화면(안) ************************** □ 서브 화면(안) ********************** UI/UX : 사용자 인터페이스(User Interface)와 사용자 경험(User Experience)의 약자로, 웹사이트나 앱 등의 제품이 사용자에게 어떤 인상과 감정을 주는지를 설계하는 과정 반응형 웹 : 웹사이트가 다양한 화면 크기와 해상도에 맞게 자동 조정되도록 하는 기법

30467535

20240306041508

본청

재무과-11182

D0000050238004