Meningkatkan Navigasi untuk Penyandang Tunanetra

Meningkatkan Navigasi untuk Penyandang Tunanetra

Meningkatkan Navigasi untuk Penyandang Tunanetra

Kami membangun aplikasi yang dapat memberikan informasi kepada penyandang cacat visual tentang lingkungan sekitar menggunakan teknologi Kode QR

Kami membangun aplikasi yang dapat memberikan informasi kepada penyandang cacat visual tentang lingkungan sekitar menggunakan teknologi Kode QR

Kami membangun aplikasi yang dapat memberikan informasi kepada penyandang cacat visual tentang lingkungan sekitar menggunakan teknologi Kode QR

Overview

Overview

Overview

Naviku adalah aplikasi yang membantu kaum tunanetra dalam navigasi di luar ruangan maupun di dalam ruangan.

Naviku menggunakan teknologi Kode QR sebagai patokan dalam menentukan suatu objek yang akan dideteksi oleh pemindai kamera yang menghasilkan informasi teks dan menerjemahkannya ke dalam suara.

Aplikasi ini diciptakan khusus untuk memenuhi pengalaman mereka dalam menggunakan ponsel pintar.

Hal ini akan membuat pengguna mendengarkan output suara sambil terus bergerak perlahan mendekati objek tersebut.

Key Features

Scope

:

Android

Main Features

:

Navigation, QR Code Readers, Generate QR Code, Text To Speech

Timeline

Oct 2022 - Aug 2023

Location

Bandung, Indonesia

Team Formation

  • 1 UI UX Designer

  • 1 Front-End Developer

  • 1 Back-End Developer

  • 1 Android Developer

Technology

Figma

Kotlin

Firebase

Talkback

Accesibility

Scanner

Target Audience

  • Low Vision

  • Totally Blind

  • Have Smartphone

Karya Unggulan

Karya Unggulan

Background
Background

According to WHO in 2019, currently at least 2.2 billion people worldwide have vision impairment, of whom at least 1 billion have vision impairment that can actually be prevented or has not been treated.

Apart from that, research from the Indonesian Ministry of National Development Planning/Bappenas in 2021, it turns out that the number of people with visual disabilities in Indonesia is quite large compared to other types of disabilities.

We, as student and researchers, plan to increase equality for blind people to get the same rights as non-blind people.

Permasalahan
Permasalahan

Navigasi

Mereka memiliki alat untuk menggantikan mata mereka untuk bepergian ke mana saja, seperti tongkat, anjing, dan teknologi tetapi masih menghadapi kesulitan dalam:

  • Bernavigasi di tempat-tempat baru,

  • Menghindari rintangan, dan

  • Mencari puluhan ruangan di gedung-gedung

Alat teknologi yang ada tidak mencukupi untuk kebutuhan

Kami membandingkan beberapa aplikasi yang mereka (pria buta) gunakan dan aplikasi terkait navigasi, seperti Google Maps, Lazarillo, Clew, dan Navilens, namun masih menghadapi kesulitan dalam:

  • Navigasi dalam ruangan

  • Deteksi Objek

  • Mengharuskan Koneksi Internet

Navigation App Comparison Table

Navigation App Comparison Table

Navigation App Comparison Table

Kami membangun aplikasi deteksi Kode QR yang dapat memberikan informasi tentang objek yang terhubung ke Poster Kode QR tersebut.

Metode Penelitian
Metode Penelitian

Dalam merancang aplikasi kami, kami menggunakan metode desain berpusat pada pengguna. Metode ini cocok karena menempatkan pengguna sebagai fokus utama dalam proses pengembangan produk dan cocok digunakan dalam desain yang menyesuaikan atau memodifikasi sistem untuk membuatnya lebih baik.

Dalam merancang aplikasi kami, kami menggunakan metode desain berpusat pada pengguna. Metode ini cocok karena menempatkan pengguna sebagai fokus utama dalam proses pengembangan produk dan cocok digunakan dalam desain yang menyesuaikan atau memodifikasi sistem untuk membuatnya lebih baik.

User-Centered Design Process
Source: https://www.interaction-design.org/literature/topics/user-centered-design

User-Centered Design Process
Source: https://www.interaction-design.org/literature/topics/user-centered-design

Alat teknologi yang ada tidak mencukupi untuk kebutuhan

Kami membandingkan beberapa aplikasi yang mereka (pria buta) gunakan dan aplikasi terkait navigasi, seperti Google Maps, Lazarillo, Clew, dan Navilens, namun masih menghadapi kesulitan dalam:
Navigasi dalam ruangan
Deteksi Objek
Mengharuskan Koneksi Internet

Karya Unggulan

Karya Unggulan

User Persona
User Persona

There are two persona characteristics in this research.

Persona of a Totally Blind person who uses a smartphone for daily assistance

Persona of a Totally Blind person who uses a smartphone for daily assistance

Persona of a Totally Blind person who uses a smartphone for daily assistance

Name : Sukirman

Age : 50

Domicile : Bandung, Indonesia

Job : Teacher

LifeStyle

Sukirman is totally blind and a teacher who teaches every Monday to Friday at the Special School (SLB) in Bandung. Other than teaching activities, Sukirman took the time to attend the West Java Blind Community for discussions with other blind friends.

Attitudes to technology

Interested in new technology that can help him in supporting his blind condition.

Competence with Technology

Can use a smartphone with a screen reader and voice assistance for communication needs and ordering online motorcycle taxis for transportation.

Physical and Sensory Capabilities

Have a totally blind condition or totally blind.

Use of technology

Using smartphones for daily communication, and sharing information for work and community matters. In addition, using online motorcycle taxis to commute to work.

Persona of a Low Vision person who uses a smartphone for daily assistance and still able to see a little when accessing a smartphone

Persona of a Low Vision person who uses a smartphone for daily assistance and still able to see a little when accessing a smartphone

Persona of a Low Vision person who uses a smartphone for daily assistance and still able to see a little when accessing a smartphone

Name : Andira

Age : 24

Domicile : Bandung, Indonesia

Job : Self-employed

LifeStyle

Andira is blind in the low vision category and is an entrepreneur.

Attitudes to technology

Very interested in changes to technology. Never give up in using technology that can help his difficulty in seeing.

Competence with Technology

Proficient in using smartphones and laptops. Able to operate and tinker with settings on smartphones with the help of screen readers and screen magnifiers.

Physical and Sensory Capabilities

Have a low vision condition. He can still see more or less 2-3 meters in front of him and can only clearly read large text such as headlines in newspapers. Vision will get worse if the light around it is reduced.

Use of technology

Using a smartphone as a communication tool, social media and ordering online motorcycle taxis to travel.

Amazing Fact

Blind people also play social media, they update their Facebook status, upload Instagram stories, scroll through TikTok videos, and many of them even become content creators.

User Journey
User Journey

There are two user journey for each persona

User Journey Totally Blind

User Journey Totally Blind

User Journey Low Vision

User Journey Low Vision

Underrated Fact

Blind people prefer to be given space to be independent rather than just being pitied and helped temporarily.

User Wants and Needs
User Wants and Needs

Several things that blind people want and need related to problems in navigation

As a totally blind, I want clear information around me. So I can be more confident when navigating.

As a totally blind, I want clear information around me. So I can be more confident when navigating.

As a low vision, I need the application easy to read. Otherwise, I would have a hard time understanding the information without a screen reader

As a low vision, I need the application easy to read. Otherwise, I would have a hard time understanding the information without a screen reader

As a totally blind, I need the app to be accessible with my screen reader. Otherwise, I will have difficulty understanding every content in the application

As a totally blind, I need the app to be accessible with my screen reader. Otherwise, I will have difficulty understanding every content in the application

As a low vision, I want to be able to read the direction of a marker from a distance. So I don't need to approach the marker or ask other people anymore

As a low vision, I want to be able to read the direction of a marker from a distance. So I don't need to approach the marker or ask other people anymore

Karya Unggulan

Karya Unggulan

Solution
Solution

QR Code Detector

We built a QR Code detection application to provide information on the object attached to the QR Code Poster.

This Android-based application is specifically aimed at the visually impaired as a navigation aid for them outdoors and indoors by simply making them feel like they are doing the recording activity with their smartphone

QR Code Poster

Blind users search for the location of the QR Code poster attached in a designated place according to the QR Code information, such as Front Yard, Living Room, Toilet, Public Transportation, etc., by slowly pointing the camera at the smartphone.

When the QR Code scanner camera successfully reads, the Information will come out and the system will read the text to voice.

At a system distance that can read approximately 15 meters, the scanner will read repeatedly until the user is close to around 5 meters. At that distance, the user is notified that he is close to the QR Code poster.

This can help users determine the location of objects such as finding a room in a building, navigating at stations, reading bus numbers and destination locations, reading product packaging information, etc.

Information Architecture
Information Architecture

Naviku has simple, consistent and accessible pages to make it easier for users to access existing features.

User Flow
User Flow

Naviku has a light flow by focusing on 2 main features, including: scanning QR Codes and Content Management QR Codes.

Wireframe
Wireframe

In designing a mobile application wireframe for the blind, I ensure the page is accessible to the behavior of the blind in interacting on their smartphone by following the Laws of UX and Web Content Accessibility Guidelines (WCAG).

Design System
Design System

We chose accessible, high-contrast font sizes and colors based on Web Content Accessibility Guidelines (WCAG) 2.1. Hopefully low vision can still read visual content

High Fidelity
High Fidelity

I apply the design system that has been created to the High Fidelity design by paying attention to the possibility that low vision can still read the color contrast

QR Code Poster
QR Code Poster

Poster QR code is an object that will be detected by the application. Contains text that shows the direction of the environment around the object

Karya Unggulan

Karya Unggulan

Usability Testing
Usability Testing

1st Iteration

Single Ease Question (SEQ)

5.37

Below Average

Participant

4

Low Vision

3

Totally Blind

System Usability Scale (SUS)

SUS Score

60.71

Below Average

Adjective

OK

Average

Grade

D

Average

Acceptability

Marginal

Average

NPS

Passive

Average

Usability Testing
Usability Testing

2nd Iteration

Single Ease Question (SEQ)

5.93

Above Average

Participant

7

Low Vision

8

Totally Blind

System Usability Scale (SUS)

SUS Score

72.5

Above Average

Adjective

Good

Above Average

Grade

B

Above Average

Acceptability

Marginal

Average

NPS

Passive

Average

Usability Testing
Usability Testing

3rd Iteration

Single Ease Question (SEQ)

6.15

Above Average

Participant

4

Low Vision

6

Totally Blind

System Usability Scale (SUS)

SUS Score

80.5

Above Average

Adjective

Good

Above Average

Grade

B

Above Average

Acceptability

Marginal

Above Average

NPS

Promotor

Reccomended

Conclusion

Conclusion

Dampak
Dampak

Setelah 3 iterasi dengan pengujian kegunaan, pengguna dapat beradaptasi dengan aplikasi dan memberikan skor System Usability Scale (SUS) sebesar 80.5, yang termasuk baik dan dapat diterima.

Saat ini naviku dapat digunakan di kantor asosiasi tunanetra di Jawa Barat, Indonesia, dan Rumah Sakit Mata Cicendo, Bandung, Indonesia.

Learning & Suggestion
Learning & Suggestion

Nevertheless, Naviku's success is still far from being able to provide a solution. The existence of the naviku application is one of the more effective methods chosen because of the scope of the research and the designer's abilities,

The next design can be focused on other users, such as those responsible for helping put up posters, and people other than the blind so that it is more inclusive and can be used by all types of users.

Demo Naviku Application
Demo Naviku Application

See Other Works

See Other Works

Redesign M.Tix

Redesign movie ticket booking application to provide better improvements.

Design Thinking

Prototype

Ticket Booking

Inhere

1st place in a UI/UX competition for an app that recommends the best nearby places to visit.

Design Thinking

Maps

Competition

Let’s get in touch 👊🏻

Copyright © Karisma Nabil Santosa

Let’s get in touch 👊🏻

Copyright © Karisma Nabil Santosa

Let’s get in touch 👊🏻

Copyright © Karisma Nabil Santosa

Let’s get in touch 👊🏻

Copyright © Karisma Nabil Santosa