슈얼리 스마트

디자인 유지보수

개요

대표님의 지시로 메인과 네비게이션바, 그리고 전반적인 아이콘 수정 등 다양한 부분을 디자인하였습니다.

톤앤매너를 해치지 않는 선에서 작업하는 것이 어려웠으나, 어플이 새롭게 리뉴얼 되기 전까지 사용되는 디자인입니다.

기존의 Fill 형태를 Outline 형태의 아이콘으로 변경하면서 네비바의 아이콘의 상태에 따른 것 액션을 재정의하였습니다.

메인을 기존 디자인을 헤치지 않는 선에서 앱바에 로고를 추가하며, '내정보' 및 '프로필'이라고 나오던 텍스트를 사용자에게 친근함을 주기 위하여 'OOO님 안녕하세요!' 등 시간에 맞춰 랜덤한 문구가 보일 수 있도록 수정하였습니다.

내상태의 경우, 변경할 수 있는 방식이 제한적이었기때문에 유지하되 이후 리뉴얼 되는 시점에서 변경하기로 하였습니다.

회원가입 시 나타나는 화면과 동일한 플로우입니다.

프라이버시 번호의 원과 밑줄로 표시되고있던 내용이 동일한 액션을 담고있어 원 하나로 합쳤으며, 균형을 위해 위치를 조정하였습니다.

각각 다르던 아이콘을 통일시켜 통일성을 높였습니다.

기존의 플로우를 유지하다 유지보수 중 앱 내 문의가 아닌 웹뷰 형식으로 전환하기 위하여 전체적인 디자인을 수정하였습니다.

드롭다운을 이용하는 대신 4가지의 질문 유형을 알아보기 쉽게 카드형태로 아이콘과 텍스트를 배치하였으며, 웹에서 사용할 경우 상단에 1:1 문의가 아닌 '어떤 문제가 있으신가요?' 를 보여주어 해당 페이지가 문의페이지라는 것을 한 번 더 강조하였습니다.

기존의 틀을 유지하면서 수정해야한다는 것이 큰 장벽으로 다가왔습니다. 내 상태 입력을 다른 형태로 변형하고싶었지만 어떤식으로 변형해야할 지 고민하고 기준을 잡지못해 변경하지 못한 점이 아쉽습니다.

앱 내에 웹뷰를 넣어 디자인한 것은 이번이 처음이라 재밌던 일이었습니다. 드롭다운 대신 어떤 방식이 사용자가 좀 더 문의하는 방식에 쉽게 접근할 수 있을까에 대한 고민을 많이 했던 것 같습니다.

labelbox 형태로 제작하면서 해당 내용에 맞는 아이콘을 제작하는 것도 새로운 일이었습니다. UI Icon이 아닌 이미지형 아이콘이었기에 좀 더 심도있게 다루었던 것 같습니다.

Last updated 1 year ago