Introduction

-

After refining the design of our application through a number of usability test performed on our lofi, we came up  with a mobile, Hi-Fi prototype of our application. This Hi-Fi Prototype was designed for android G1 platform using App Inventor IDE. This application allows users to form walking groups at night and to promote safe walking at night by building a trust system with the help of badges. Apart from encouraging safe group walking, the application also provides information about businesses that are open late and safe places to walk.

App Inventor Hifi Prototype

-

Find The Beacon Application is designed fro G1 android phones using App Inventor.  QR code below can be used for downloading the application. Just Click the QR code with G1 camera and download it!

-

-

Flash Hifi Prototype

-

Interactions of Prototype on G1 phone is same as our Flash Prototype explained below but it also give users a “Quick”  Interaction with their Badge by “Shaking their phones”

-

Flash Working Prototype

(Click to Start)

Get Adobe Flash player

-

-

Interaction Map

-

Below is an interaction map depicting the flow of the application. This interaction map was created to give everyone detailed stepwise view of our application. We came up with this interaction flow chart in a brainstorming session so that our team has a detailed knowledge what interactions our application should perform.

download the full size pdf version

-

-

Detailed Images

-

The screens below show stepwise interaction with our hi-fi prototype of  the Android application.

-

00_Beacon_Hifi_Logo

Application Startup Screen – Welcome screen for the user

-

01_Beacon_Hifi_InfoViz_Default_v30

Next Screen gives the user information about the active Beacon Groups and walkers .

-

05_night stores 04_walkable score

Night Walking Information (Walkable Score, Night Business). Walkable score is calculated on various parameters as crime report, darkness of the place.

-

12_Join Results 07_Join List View

Interaction screens for the user to search a Beacon Group and join a group based on his choice.

-

11_Join Processing 13_Join Group Selected

Application search Best Beacon Groups and show the Group map.

-

23_Create Route Selected 24_Create Group Info

If User can’t find a Beacon group heading in the direction of his destination he can  create his own group using the screens above.

-

25_Create Badge Popup 26_Create_Choose a Badge

Application allows the user to create a group name and select a badge for his group.

-

29_Create_Congrats 31_Your Group Selected

Above Screen presents the user with a Success message and shows his group on the map.

-

34_My Beacon_Group Info 35_My Beacon Group Details

Above Screen presents the user with Group information with the details like “from where the group has started and at what time” .  A screen with the members profile is shown on right hand side.

-

32_My Beacon Groups 33_My Beacon Badges

User can keep an archive of his badges collected so far.

-

Screen shot 2009-12-02 at 3.28.00 PM 36_My Beacon_Badge

Above Screens show the profile of an individual member in a Beacon group and a badge. Badge is used to recognize the group members.

-

Comments are closed.