App Flow

Thu, 14 Nov 2024 15:06:57 GMT

# Splash View

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/151526_vNSlZbh8cTaH93Vd7i?q=80&s=1280x180&t=outside&f=webp)

앱을 실행하면, 히어로드의 스플래시 화면이 잠시 표시됩니다.

스플래시 화면은 약 2초동안 짧게 표시되며, 이후 자동으로 온보딩 화면 또는 메인 화면으로 전환됩니다.

- 화면 구성:

- 중앙에 "Hearoad" 로고가 표시되어 앱의 이름을 명확히 보여줍니다.

- 하단에는 저작권 정보가 표시되어 앱의 소유권을 알립니다.

# Onboarding

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/141703_LBKUYfzdNXZ5xhjabZ?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/141732_ZqIIGTe7HqQiu2h2KG?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/141746_zVo6g0TfjloQNiI9mN?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/141846_TzejgTbFuau3ST5DCw?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/141857_Uqnpb1zGhFTa2k3g4I?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20241115/143023_YvQODdx4iuPGsI1049?q=80&s=1280x180&t=outside&f=webp)

1. **앱 소개**

첫 번째 화면에서 히어로드 앱의 목적을 설명합니다. 이 앱은 주행 중 발생하는 경적 및 사이렌 소리를 감지하여 청각 장애인을 위한 안전 보조 기능을 제공합니다.

2. **경고 알림**

두 번째 화면에서는 히어로드의 경고 알림 기능을 소개합니다. 이 앱은 사용자가 위험을 인지할 수 있도록 시각 및 진동 알림을 통해 빠르고 확실하게 경고를 제공합니다.

3. **오디오 사용 목적**

세 번째 화면에서는 앱이 주변 소리를 어떻게 사용하는지 설명합니다. 히어로드는 오직 위험 감지를 목적으로 마이크를 사용하며, 감지된 소리는 저장되지 않습니다. 이로써 사용자 개인정보가 보호됨을 강조합니다.

4. **휴대폰 거치 권장**

네 번째 화면에서는 주행 중 휴대폰을 자전거 거치대에 고정할 것을 권장합니다. 이렇게 하면 소리 감지 정확도가 높아지고, 안전한 주행 환경이 조성됩니다.

5. **애플 워치 연동**

다섯 번째 화면에서는 애플 워치를 사용할 경우 손목에서 바로 경고를 받을 수 있음을 설명합니다. 애플 워치를 통해 손쉽게 경고를 확인할 수 있으므로, 더 안전한 주행이 가능합니다.

6. **마이크 접근 권한 설정**

마지막 화면에서는 마이크 접근 권한을 허용하라는 메시지가 표시됩니다. 앱의 핵심 기능인 소리 감지를 위해 마이크 권한이 필요하므로, 사용자는 "확인"을 눌러 마이크 접근을 허용합니다.

# Main

[Video](https://vz-127031db-d43.b-cdn.net/1d7c78ad-e3ba-41ae-a189-6a5ced904666/playlist.m3u8)

**(시작화면)** 앱을 실행하면 "오늘도 안전한 주행 함께해요!"라는 인사말과 함께 중앙에 초록색 원이 나타납니다. 화면 하단에는 주행 팁이 표시됩니다.

- 주행 팁은 앱을 사용할 때마다 랜덤으로 변경되어 다양한 안전 팁을 제공합니다. 예를 들어:

"주변을 주의 깊게 살피며 여유로운 주행을 즐겨보세요."

"속도를 조절하며 주변 상황에 유의하세요. 안전이 최우선입니다!"

"경고 알림이 울리면 한 번 뒤를 확인해 보세요. 항상 안전이 우선이에요."

"안전한 주행을 위해 자전거 도로를 이용하고, 교차로에서는 주의하세요."

"급한 상황에서도 여유를 잃지 마세요. 제가 함께하고 있어요."

"주행 중 미끄러운 도로나 장애물에 유의하며 편안히 주행하세요."

"주변 소리가 감지되면 잠시 속도를 줄이며 상황을 확인해 보세요."

**(시작하기)** 중앙의 초록색 원을 아래로 드래그하면 앱이 시작됩니다. 드래그가 완료되면 초록색 원에서 원형 파동이 퍼지면서 주행 모드가 활성화됩니다.

**(주행 모드 활성화)** 파동이 퍼진 후, 히어로드 앱이 활성화되며 주행 중 소리 감지 기능이 시작됩니다. 앱은 이제 주변 경적과 사이렌 소리를 감지하여 안전한 주행을 지원합니다.

[Video](https://vz-127031db-d43.b-cdn.net/75515ad7-5e15-4993-813d-5a167c0c8e51/playlist.m3u8)

히어로드 앱이 주행 모드에 들어가면, 화면에 초록색 원형 파동이 주기적으로 퍼져 나가는 애니메이션이 표시됩니다. 이 파동은 앱이 주변 소리를 실시간으로 감지하고 있음을 나타냅니다.

- 파동 애니메이션: 초록색 파동이 지속적으로 퍼져나가며, 소리 수집이 정상적으로 이루어지고 있음을 시각적으로 알려줍니다.

- 화면 유지 필요: 히어로드는 앱이 활성화된 상태에서만 소리를 감지할 수 있으므로, 주행 중 화면이 계속 켜져 있어야 합니다.

- 경고 시 알림: 주행 중 경적이나 사이렌 등 위험 소리가 감지되면, 앱은 즉시 경고 화면으로 전환하여 시각적 알림을 제공합니다. 애플 워치를 사용하는 경우, 손목에서도 진동 알림을 받을 수 있습니다.

이 화면은 앱이 정상적으로 작동하고 있다는 시각적 피드백을 제공하여, 사용자가 안심하고 주행에 집중할 수 있도록 돕습니다.

[Video](https://vz-127031db-d43.b-cdn.net/009c3221-2cdb-40ce-af52-7f31129baf31/playlist.m3u8)

**[라이브 액티비티]**

히어로드 앱은 소리 감지가 중단되었을 때 사용자에게 즉각적인 경고를 제공하기 위해 라이브 액티비티 기능을 활용합니다.

화면 상단에 "수집 중지" 경고가 나타나면 앱이 소리 수집을 중단했음을 알립니다. 이를 통해 사용자는 주행 중에도 앱이 정상적으로 작동하는지 확인할 수 있습니다.

예상치 못한 이유로 소리 감지가 중단되면 즉시 경고가 표시되어, 안전 주행을 위해 필요한 조치를 취할 수 있도록 돕습니다.

**[다이나믹 아일랜드]**

히어로드는 다이나믹 아일랜드를 통해 소리 감지 중지 상태를 시각적으로 표시합니다.

다이나믹 아일랜드 상단에 경고 아이콘과 함께 "소리 수집이 중지되었습니다"라는 메시지가 표시됩니다.

이 기능을 통해 다른 앱을 사용하거나 잠금 화면 상태에서도 소리 감지 중지 여부를 확인할 수 있습니다.

주행 중에도 화면을 보지 않고 중요한 알림을 받을 수 있어, 안전성을 높입니다.

이 두 가지 기능은 사용자가 주행 중에 앱이 정상적으로 작동하는지 쉽게 확인할 수 있도록 설계되었습니다.

# Ending

[Video](https://vz-127031db-d43.b-cdn.net/ee1ea7b8-4191-4045-96fb-ace41b296087/playlist.m3u8)

주행 중 화면을 터치하면 화면에 흰색 화살표 애니메이션이 표시되며, 아래로 드래그하여 주행을 종료할 수 있음을 알려줍니다.

주행을 종료하려면, 시작할 때와 동일하게 화면 중앙의 초록색 원을 아래로 드래그합니다. 드래그하는 동안 진동이 점점 강해져 주행 종료 작업이 진행되고 있음을 직관적으로 느낄 수 있습니다.

주행 종료가 완료되면, 약한 진동과 함께 **"히어로드와 안전 주행 완료!" **라는 메시지가 표시된 안내 페이지가 나타납니다.

- 이 안내 페이지는 주행이 안전하게 종료되었음을 사용자에게 알리기 위해 3초간 표시됩니다.

3초 후, 안내 페이지가 사라지며 앱은 다시 시작 화면으로 돌아갑니다. 이제 다음 주행을 준비할 수 있습니다.

---

# Apple Watch Process

[Video](https://vz-127031db-d43.b-cdn.net/94fe0ed5-c1e7-4f08-b471-21c7ec1baeb4/playlist.m3u8)

1. 메인 화면
1. 애플 워치의 메인 화면에서는 앱 아이콘과 동일한 화면이 표시됩니다.
1.

2. 경고 화면
2. 위험 소리가 감지되면, 화면이 즉시 빨간색으로 바뀌며 중앙에 경고 아이콘과 함께 소리의 유형이 표시됩니다.
2. 예를 들어, 자동차 경적이 감지되면 "자동차"라는 텍스트와 함께 자동차 아이콘이 표시됩니다. 워치의 **강한 진동**과 함께 이 경고가 제공되어, 위험 상황을 빠르게 인식할 수 있습니다.

> 사용 팁:
애플 워치는 아이폰 앱과 함께 작동해야 하므로, 주행 전 반드시 워치와 아이폰이 연결된 상태인지 확인해 주세요. 워치는 큰 조작 없이도 시각적 경고와 진동을 통해 손쉽게 위험을 알립니다.