UXUI랑 썸 타는 중

[본캠프_설날공부/UIUX입문] 디자인 씽킹 실제 상황에 써보기_스카이 캠퍼스 앱 활용 본문

스파르타 코딩클럽_TIL(250531_졸업)_노션에 추가 작성

[본캠프_설날공부/UIUX입문] 디자인 씽킹 실제 상황에 써보기_스카이 캠퍼스 앱 활용

yuness1215 2025. 1. 30. 01:36

1. 공감하기
-왜 이렇게 ui를 설정했지라는 의문이 바로 들었다. 
->아이콘을 좀더 크게 놓으면 안되었나? 좀심심한 느낌, 그리고 고객센터나 궁금한점도 아니고 스카이스케너의 장점은 왜 상단 ui에 넣어논거지 사용자가 여행하는데 굳이? 필요하나?


밑에 아래로 스크롤해서 똑같은 동작하는 창 만들어 논거보단 움직이지 않는 상태에서 해당 아이콘 누르면 그에 맞는 예시창이 뜨는게 더 이해하기 쉬울 것 같다. 따로 아래로 스크롤 해놓게 되어 있어서 또다른 행동을 해주는 창인줄 알았음.

 

-Drops 페이지 첫시작 전에 넘어간 듯히 전페이지가 있어서 모두 확인 하려고 좌우로 다넘겨보고 반복된다는 사실알고 불필요한 행동을 한것을 알게 되서 불편했음

 

-아래에 정렬필터 플로팅아이콘 색이 배경과 구분이 3:1을 넘지 않는 것 같음. 그래서 구분이 잘 안가서 처음에 찾지 못함. 오른쪽 상단 위에 없어서 정렬필터가 없다고 생각하고 불편하다고 생각함

 

-예산설정에 따른이라는 멘트는 있는데 정작 필터에 예산설정을 할 수 없어 불편했음

2. 문제정의(5whys)
-왜 정렬 필터 부분을 찾지 못했나? > 색이 3:1 기준을 맞추지 못했음
-왜 3:1이 안되었나? > 다크모드의 화면에서 보았기 때문에
-왜 다크모드에서는 정렬 플로팅 버튼을 찾기 힘들었나? > 배경과 색구분이 3:1이 넘어가지 않았기 때문에
-왜 배경과 플로팅 버튼이 3:1이 넘지 않는가? > 색이 톤앤 톤이기 때문에
-왜 톤앤톤의 색상은 보이지 않는가? > 비슷한 색상계열이기때문에 구분이 잘 않간다.
>왜 구분이 잘안가는 가? > 비슷하지 않은 구분이 되는 색의 비율을 사용해야한다.

3.아이디어 도출(SCAMPER)
-대체하기 : 상단 오른쪽에 플로팅버튼 대신 옵션바를 위치하여 그 기능을 대체 시킨다.
-결합하기 : 플로팅 버튼 대신 상단의 네비게이션 바에 설정을 결합한다.
-응용하기 : 3:1의 색상 법칙에 따라 컬러가 배경색가 유사한 색에서 구분이되는 색상으로 변경한다.
-수정하기 : 하단 왼쪽으로 플로팅 위치를 수정한다.
-다르게 활용해보기 
-제거하기
-역발상하기