| ia**ay
[기술 문제점] |
모바일 GNB의 X 버튼(닫기) 동작하지 않고 있어 수정이 필요하다.
모달 팝업 유형의 기능이 활성화된 상태에서 바탕의 페이지 스크롤이 동장하는 오류가 확인되어 수정이 필요하다. 예) 주요소식/알림마당 모아보가, 무엇을 찾고 계신가요?, 모바일 GNB 등
Footer의 대표전화/팩스번호와 모든 페이지 하단의 담당자 연락처에 Tel 링크를 연결하였는데, 전화연결은 데스크탑이 아니라 모바일 디바이스로 접속했을 때만 연결해야 하며, 팩스번호로는 전화연결이 불가능하게 수정이 필요하다. 민원 안내의 문의전화 Tel 링크에서는 차량등록의 경우 뒷 번호는 Tel 링크 연결이 안되어 있는데, 기술적으로 가능하므로 추가하여 동일한 사용자 경험을 제공하는 것을 권장한다.
URL 구조가 /index.do?menuUid=메뉴아이디의 형태로 구성되어 있어서 SEO에 친화적이지 않다. 현재 홈페이지는 사용자 트래픽 정보나 행동데이터를 수집/분석하지 않는 것으로 보이는데, 데이터 기반 운영을 위해 필요하며 이 때 URL 구조가 지금과 같은 형태일 때는 관리와 분석이 어렵다. 홈페이지 구축 시 파라미터 만으로 URL을 구성하는 CMS는 최근 점점 사라지고 있는 추세이고, 권장되지 않는다. SEO 친화적인 URL이라고 검색포털(검색엔진)에게만 유요한 것이 아니라 Human Friendly URL이면서 웹접근성에도 도움이 되는 URL이므로 개선을 추천한다. |
| ia**ay
[UI디자인 우수성] |
접근성을 고려하여 클릭요소에 포커스 이동 시 포커스링을 제공하고 있어 접근성이 향상되었다.
다크 모드를 제공한 것은 트렌디하고 좋은 선택이며, 기능 구현을 위해 기획/디자인/퍼블리싱 등 많은 노력을 한 것으로 생각된다. 다만, 다크 모드 일 때 접근성을 준수하지 못하는 텍스트가 상당히 확인되어 텍스트와 배경색의 색상대비 점검과 수정이 필요하다.
게시판 첨부파일의 경우 첨부파일 미리보기 솔루션을 연동하는 것은 좋지만, 돋보기 아이콘으로 버튼을 제공하는 것은 직관적이지 않고 사용자에게 오해를 불러일으킬 소지가 있 다. 사용자 경험을 고려한 적합한 아이콘으로 변경할 필요가 있다.
LNB에서 1차 메뉴 오른쪽에 전체 메뉴를 열고, 닫기 기능을 제공하고 있는데, 기능적으로는 편리하지만, 버튼 아이콘이 직관적이지 않다. +, -가 확장과 축소의 의미를 담고 있는 것 같은데, 버튼 자체도 작고 +,- 도 너무 작게 표현하고 있어서 그 변화를 인지하기 어려운 점이 있어서 더욱 확실히 인지할 수 있도록 개선하는 것을 권한다. |
| ia**ay
[UI디자인 문제점] |
Favicon이 없는 상태이며, 신뢰도 향상과 다양한 활용도를 고려해 추가하는 것을 추천한다.
통합검색 창이 열린 상태에서 스크롤을 위 아래로 움직일 때 통합검색창 영역이 깨지는 오류가 확인되어 수정이 필요하다.
통합검색창의 입력폼에는 '문화와 미래산업으로 도약하는 남원' 이라는 시가 추구하는 캐치프레이즈(?)가 있는데, 디자인적으로 완성도가 있고 자연스러워서 입력폼으로써 직관적으로 인지하지 못하는 사용자가 있을 것으로 예상된다. 조금 더 입력폼으로 인지될 수 있도록 디자인 수정을 권장한다.
참고, 민원실 안내 메뉴의 팩스번호 안내에서 오타 수정(픽스번호 --> 팩스번호) |
| ye**nllow
[UI디자인 문제점] |
남원 대표 누리집에서 아이콘을 과하게 사용하는 것은 콘텐츠간 비교를 어렵게 만드는 문제점이 있습니다. 많은 아이콘이 사용되면, 사용자들이 각 아이콘의 의미를 이해하는 데 혼란스러울 수 있고, 필요한 정보를 찾기 어려워 질 수 있습니다. 관련된 콘텐츠를 그룹화 하더라도 눈에 띄지 않아 사용자가 어려움을 겪습니다. 이 문제를 해결하기 위해서는 가장 중요한 정보에만 아이콘을 사용하고, 나머지 정보는 텍스트로 명확하게 설명하는 것이 좋습니다. 다양한 아이콘의 스타일이나 크기를 통일하거나 스타일 개수를 줄인다면 시각적으로 더 깔끔하고 일관된 느낌을 줄 수 있습니다. |
| ye**nllow
[비주얼 디자인 우수성] |
남원 대표 누리집의 상단 부분은 공공기관의 중요한 콘텐츠를 배치하여 정보의 신뢰성과 접근성을 높이고 있습니다. 이러한 구성은 사용자가 필요로 하는 핵심 정보를 쉽게 찾을 수 있도록 도와줍니다. 반면, 하단에는 움직이는 일러스트를 활용하여 조금 더 산뜻한 느낌을 주고 있습니다. 이처럼 시각적으로 다채로운 요소를 추가함으로써, 웹사이트의 전체적인 분위기가 부드럽고 친근하게 느껴질 수 있습니다. |
| ek**oddl0321
[콘텐츠 우수성] |
4개 언어로 구성되어 있어 다양한 사용자가 쉽게 접근 할 수 있어서 좋았습니다. 더불어 다국어 사이트의 깔끔한 디자인과 잘 요약된 내용이 인상 깊었습니다.
또, 인기검색어가 실시간 일간, 주간, 월간으로 구분되어 제공되어 사용자가 현재의 트랜드를 쉽게 파악할 수 있는 점이 좋았습니다. 이러한 구분은 사용자에게 필요한 정보를 더 효율적으로 제공해 주는 점이 좋았습니다. |
| va**
[UI디자인 우수성] |
UI 디자인은 직관적이고 기능 중심으로 구성되어 있어 사용자가 필요한 정보를 빠르게 찾을 수 있습니다. 메뉴 구조가 명확하게 나누어져 있으며, 사용자 맞춤형 서비스로의 접근이 용이합니다. 각종 서비스나 기능은 잘 구분되어 있어 혼란 없이 편리하게 이용할 수 있습니다. 특히, 모바일에서도 UI가 잘 최적화되어 있어 다양한 디바이스에서 일관된 사용 경험을 제공합니다. |
| vi**nfo
[UI디자인 문제점] |
지자체 사이트들을 보면 너무 많은 정보를 제공하려다 보니 화면구성이 산만하고 복잡해져서 오히려 가독성과 정보접근성이 떨어지는 경우가 많습니다. 아쉽게도 남원시 사이트도 이런 문제점에서 벗어나지 못하고 있습니다. 특히 많은 콘텐츠를 포함한 PC메인화면을 모바일에서도 그대로 떨어뜨려서 제공하다보니 화면스크롤이 길어지고 홈페이지 이용에 불편함을 주고 있습니다. |
| ek**oddl0321
[UI디자인 문제점] |
일부 이미지가 다소 어둡게 느껴져서, 약간의 보정을 통해 밝고 생동감 있는 느낌을 더하면 더욱 좋을 것 같습니다.
또한, 메인페이지 하단에 배경 영상처럼 배치된 이쁜 비주얼 요소가 너무 하단에 있어 눈에 잘 띄지 않는 점이 아쉬웠습니다. 이 배경을 홈페이지 첫 화면에 배치하면 사이트의 첫인상이 한층 더 매력적으로 다가올 수 있을 거 같습니다 |
| ye**nllow
[기술 우수성] |
다양한 호버 효과를 활용하는 것은 사용자 경험을 향상시키는 데 큰 도움이 됩니다. 이를 통해 사용자는 어떤 버튼이나 링크가 활성화될 수 있는지를 쉽게 파악할 수 있습니다. 접근성과 관련된 우수성을 보여주기 때문에 시각적으로 구분된 요소들은 사용자에게 명확한 피드백을 제공하여, 웹사이트 사용이 더욱 원활하게 이루어질 수 있도록 합니다. |
| va**
[기술 우수성] |
남원시청 웹사이트는 최신 웹 기술을 활용하여 빠르고 안정적인 서비스를 제공합니다. 웹 접근성 기준을 충족하며, 다양한 기기와 브라우저에서 호환성 있게 동작합니다. 또한, 검색 기능과 빠른 페이지 로딩 속도, 그리고 반응형 웹 디자인을 통해 사용자가 언제 어디서든 편리하게 서비스를 이용할 수 있도록 지원합니다. |
| va**
[비주얼 디자인 우수성] |
남원시청 웹사이트는 깔끔하고 직관적인 디자인을 제공하며, 시청의 공식 이미지를 잘 전달합니다. 배경 색상과 글꼴이 잘 조화되어 있어 읽기 편하고, 공공기관의 신뢰감을 높이는 색조가 사용되었습니다. 또한, 주요 정보는 아이콘과 이미지로 쉽게 접근할 수 있도록 배치되어 있어 사용자 경험을 고려한 디자인입니다. |
| ek**oddl0321
[콘텐츠 문제점] |
정보의 양이 너무 많아 헤더나 탭메뉴로 찾아가는데 어려움이 있었습니다. 메뉴를 좀 더 요약하고 간결하게 구성하여 사용자들이 필요할 때 더 쉽게 찾아갈 수 있도록 개선하면 좋겠습니다. 이를 통해 메뉴 탐색 시의 피로감을 줄이고 전반적인 사용자 경험을 향상시킬 수 있을거 같습니다. |
| vi**nfo
[콘텐츠 문제점] |
지자체의 많은 정보를 단순 나열식으로 제공하게 되면 사용자가 원하는 정보를 접근하기도 어렵고 사이트를 이용하는 재미도 반감되어 체류시간이 줄어듭니다. 단순메뉴구성 외에 테마별 구성을 통하여 좀더 쉽게 콘텐츠에 다가갈 수 있도록 제공하면 사이트 이용에 더 도움이 될거 같습니다. |
| gi**yz
[UI디자인 문제점] |
너무 많은 정보로 오히려 사용자들이 헷갈려할 수도 있을것 같습니다. 메뉴구조도를 더 단순하고 깔끔하게 정리해서 만들어지면 편리한 UI로 만들어지지 않을까란 생각이 듭니다. 반응형에서의 서브 레이아웃과 메뉴 정리가 필요할것 같습니다. PC에 비해 다소 디테일이 떨어집니다. |
