iBeacon Application Screen Shots

1. Home Screen

It includes only two main tap-able areas, first Exit button and second one start connection button. Both buttons generate voice message when tap.

Home screen

2. Main navigation screen

From this screen user can select different options and each option generate audio voice alert when tap.

main navigation screen

3. Current Location

When user clicks on current location button from previous screen, he/she navigate to this page where all the information listed about his/her current location and each message has audio.

Current Location screen

4. Building listing

This screen appears when user want to search new location.

building Listing screen

5. Search screen

When user clicks on the desired building,  the application navigate to this search page with one input and find button.

Room search Screen

6. Search screen with keypad

When user tap in input field keypad open in bottom for entering desired room number.

Room Search with Keypad

7. Search Results

Here the screen of user search results, if user enter 101 it means room number 101 and it is on first floor, same if the user enter 201 then it means second floor room number 201. In this technique, we have removed one more screen from our application where we asked about desired floor number from user.

From this screen user can also bookmark searched location by tapping at Bookmark Location button.

Room search results

8. Bookmarked Location

Bookmarked location screen where application list bookmarked location for future use.

Bookmarked Locations


One thought on “iBeacon Application Screen Shots

  1. I do not have comments about the placement of the buttons and content of the screens, as this was discussed already during paper prototyping.

    Some comments about the current prototype:

    1) Buttons to the top bar are not standard iOS screen elements. If you would use standard iOS user interface components, then it would be possible to rely on iOS accessibility options (Settings > General > Accessibility). These accessibility options include possibility to enable larger text, bold text, button shapes (including top bar buttons, that do not have a border by default) and some other options.

    2) Your current color scheme has white text on grey background. This issue is most visible with prototype 3. For people with some vision loss, higher contrast between the text and background color would be better. Earlier versions of iOS included possibility to display standard UI components as white text on black background (now this is replaced with Invert Colors option).

    Some applications that do not use standard iOS UI components have designed buttons with large text and white on black text. See examples from this article (Figure 4 and 5):


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s