WIL 11주차 (UX집중반)

- FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일

1. props,state 복습

2. 리액트 숙련강의+리액트 미니과제

Styled component ,  react-router-dom , useNavigate 사용법 

 

3. UX집중반 가설과 솔루션 도출 과정에서의 디자인씽킹

 

- FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌

일주일동안  미니과제도하고 솔루션도출도했는데 정말 얻은것이 많은것같다

- FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것

리액트강의 + 미니과제

1. Styled component

사용이유와 사용방법을 배워서 스타일을 조금 더 쉽게 줄수가 있다.

그중 스타일에 조건식을 쉽게 줄수있다는것이 좋은것같다.

 

 

2.react-router-dom

웹사이트에서 페이지를 바꾸는 길 안내 지도라고 생각하면 된다.

Home에서 포트폴리오의 알바천국을 클릭하면 알바천국포트폴리오 페이지로 이동하는 모습

 

3.useNavigate  

원래는 주소창에 path를 입력해야 그페이지로 넘어간다. 하지만 일반사용자는 그렇게 넘어가지않는다

뭐든간에 클릭해서 넘어간다. 이건 그것을 해결해주는 기능이다. 위에 처럼 포트폴리오를 클릭해서 알바천국포트폴리오페이지로 이동하는것처럼 이동된다.

---

UX집중반 

오늘 가설과 솔루션 도출에 대한 튜터님의 피드백으로 배운것.

 

1. 디바이스 이동의 우려

첫 번째 우려는 두 개의 디바이스 이동이 필요하다는 점이다.

차량 내비게이션에서 안내 문구가 나타나며, 소카 앱에서 확인하라는 메시지가 표시된다.

이로 인해  운전 중 디바이스를 이동해야 하는 불편함이 발생할 수 있다.

2.운전 중 정보 확인의 불편함

운전 중에 정보를 확인하는 것이 생각보다 편리하지 않을 수 있다.

운전자가 핸드폰을 꺼내서 정보를 확인해야 하므로, 즉각적인 정보 접근이 어렵다.

 

3.내비게이션 화면의 정보 과부하

내비게이션 화면에서 제공하는 정보는 운전 중 상황과 화면 크기를 고려해야 한다.

제공되는 정보가 과도할 수 있으며, 운전자가 읽기 어려운 상황이 발생할 수 있다.

 

4.정보 간소화 필요성

운전 중에는 전방 주시가 필요하므로, 제공되는 정보의 양을 줄여야 할 필요가 있다.

예를 들어, 주차 자리 유무나 앱으로의 이동 여부를 간단히 안내하는 것이 바람직하다.

 

5.내비게이션 기능 활용 제안

내비게이션에서 정보를 제공하기보다는, 기존의 알림 기능을 활용하는 것이 좋을 수 있다.

예를 들어, 카카오톡 알림을 읽어주는 기능을 활용할 수 있다.

이러한 접근은 운전 중 안전성을 높일 수 있는 방법으로 제안된다.

 

 

3주동안 종합적으로 배운것들

 

결국 튜터님께서 피드백을 종합해보면 자동차를 운전하면서 앱을 사용하는것처럼

사용자 환경(지금의 경우는 운전 상황)에 맞는 UX/UI 설계를 통해 안전성과 편의성을 높이는것에 초점을 두는것이

중요하다고 말씀하시는것 같다!

 

그리고 장표를 만들때 솔루션이든 핵심문제든 그 과정을 구체적으로 하되 이해가 쉽도록 추가를 무조건 해야 이걸 보는 사람들이 자연스러운 흐름으로 한번에 알수 있을것 같다. 왜냐하면 다른 팀원들 피드백중에서 이것이 왜 이렇게 선정이됬는지 왜 이렇게 됬는지 궁금해하는 사람들이 많았다. 

 

그리고 개선을할때 무작정 AI기술을 사용해서 어떠한 문제를 해결했습니다. 라는것보다는

나도 쏘카를 찾아보면서 정밀위치안내시스템이라든지, 소피아앱이라든지, 공공데이터포털이라든지 그러한 AI기술이나 데이터를 이용한 API가 있었는데 이러한 실제 존재하는 것들을 이용하여 개선을 했다는 근거가 있어야 한다.

 

 

그외 튜터님의 피드백

장표를 구성할때는 어떤과정을 겪엇다보다는 이과정으로 어떤결과를 얻었는지가 가장중요함

솔루션은 문장만으로 이걸 어떻게 해결할거구나를 떠올릴만큼 해야된다. 너무 간결해도 안됌

매출상승기대효과는 우리가 알기 힘드니깐 사용자중심적효과로 하는게 포폴에 넣기 좋음

 

UI개선할때는 UI가가진 특징과 환경 목적을 알아야함

 

 

오늘 피드백도 그렇고 전체적인 3주차동안의 다른 조원들, 튜터님의 피드백을 토대로 다시 장표에 추가할 내용이나 틀을 만들고 일요일날 따로 만나서 더진행하기로 합의를 하였다.

---

결과적으로, 현재 나의 상태는 어떻게 되었지?

음...대충..리액트로 자기소개페이지정도 만들수있을것같다..ㅎ

ux에 대한것은 좀더 각 단계마다 중요하게 생각해야하는것들이 무엇인지, 장표를 구성할때의 어떤것을 고려해야할지를 알게되었다.

이 상태에서 다음 일주일을 더 잘 보내려면 무엇이 필요할까?

 일단 리액트숙련강의 들으면서 코딩지식이 날아가지않게하기