FE측은 BE측에서 당도값을 받아와 유저 친화적인 UI/UX를 기반으로 모바일 화면을 구성한다.

유저 친화적 UI/UX 아이디어

<aside> 💡

당도 수치에 따라 주황색(저당)에서 진한 빨간색(고당)으로 변화하는 수평 막대 그래프

</aside>

<aside> 💡

여러 과일의 당도를 비교할 때, 올림픽 포디움처럼 1~3위 과일을 포디움에 올려 시각적으로 순위를 강조

</aside>

<aside> 💡

시각장애인 접근성을 위해 당도 정보를 음성으로 안내

</aside>

<aside> 💡

카메라로 과일을 비추면, 당도 수치가 과일 위에 3D로 떠오르거나, 당도에 따라 과일 색을 변하게 하는 방식 등 AR 기술로 시각화

</aside>

상호작용 강화 요소(모종의 버튼 탭 시 확장)

<aside> 💡

사용자가 당도 게이지나 과일 이미지를 터치하면, 세부 수치나 설명이 팝업으로 나타남.

그래프를 손가락으로 드래그해 당도 변화 추이를 탐색하거나, 핀치 줌으로 세밀한 데이터까지 확대해서 볼 수 있음

</aside>

• 측정한 위치 기반 역사적 측정 데이터 → 시계열 차트를 통해 보여준다면 데이터 시각화 UX에 좋을 듯.
• 동일 과일 품종별 평균 당도 표

유저 친화적 피드백 메커니즘

<aside> 💡

스마트폰을 흔들어 곧바로 앱으로 진입

</aside>

<aside> 💡

측정이 완료되면 측정값이 저당(짧은 진동 1회)인 경우와 고당(길게 진동 2회)인 경우 햅틱 진동으로 피드백

</aside>

<aside> 💡

당도 측정 결과에 따라 상큼한 소리등 효과음을 제시해 청각적으로 당도를 전달.

</aside>