UI and Functionality Overview

The Local Faves UI and Functionality Overview

Local Faves extends any iPhone app by adding an interactive social location framework. This document provides a comprehensive tap-through of the screens, capabilities, and some behind-the-scenes operations of the views and navigation included in the Skyhook Wireless Local Faves UI. The enhancement of Local Faves on a simple cocktail reference app is shown here, but by using the Local Faves social location framework, you can engage your users with your content by offering sharing, rankings, popularity, infographics, and more.

Seamless Integration: Accessing the Local Faves UI and faving from a core app

Designed to fit intuitively with any iPhone application's overall screenflow, Local Faves supports flexible integration strategies, so access to Local Faves data stay consistent with the usability and focus of your app.

Launching Local Faves

Pictured here, this Cocktail app places a The World is Drinking, button on a screen listing all cocktails, as a logical point of entry to a Local Faves-powered cocktail drinking community. You might set the path to the Local Faves home screen through such a button, logically worded and placed within your app, or opt to set navigation to Local Faves via a gesture or a prominent place on your NavBar.

Faving and item or event

Local Faves supports various strategies for registering-or faving-an item or event from your application.

Again, this example of a cocktail application displays a strategy for explicitly faving by taping an I Drank That! button from an item's summary, and then tapping Drink It! from the Fave It! screen.

You might opt to tag objects as faves in the background automatically, by registering behind-the-scenes events such as logging in, loading a view, saving, or passing activity usage data.

The Fave It! screen shown here, lets your users associate comments, photos, and Foursquare venues to a fave, and provides a validation check before a customizable button prompt.

Applications employing automatic faving bypass this screen, but are open to adding comments, photos and venues later.

What the World is Faving: Perusing the three main views of the Local Faves UI

Complex yet elegant. The Local Faves UI comes with three top-level views, accessible in a tab layout: All, My and Top. Simply named, these views filter the complex aggregated data of all items faved from your applications, including the time and location when they were faved, and the individuals who faved them. From here your users can investigate the faving trends of items and participants, over a range time and place.

The All screen

The All screen serves at the Local Faves home screen. It lists every faved item, ranked by the most recent. Each record in the list displays with the item icon and name, passed from the core app, as well as the name of the person who faved it, the time he faved it, and the location where he faved it expressed as the distance from the current location. The record also includes a new item stamp for faved items added in the last few days.

The My screen

The My view of the Local Faves UI lists a personal record of all faved items by the current user, ranked by the most recent. Each record displays the item icon and name from the core app.

The Top screen

The Top view shows the most faved items, and reports how frequently each was faved.

The Top view comes with slider controls for further adjusting the top picks by proximity and time from the perspective of the here and now. This dimension of time and place, unique to Skyhook Wireless, offers the capability to adjust the ranking leaders recent and past, nearby or far away.

Drilling Down: Focusing the who, what, where, and when of faving trends

The Local Faves UI provides a collection of screens used for presenting the what, who, where, and when trends of your application's content. The combined views of the Local Faves UI offer filtering and cross-referencing of trending data and engage your users to enjoy your content from multiple perspectives in the context of location, time, and community. Local Faves employs the standard drilling down capabilities by passing data from previous selections, and filtering it in multiple ways.

  • Faved item profile

    Titled at the top with the faved item name, this serves as the home screen for a selected fave. It comes with a heat map showing local trends for that item, that expands to a scrollable map when tapped, as well as drilldowns to the Timeline, Ranking, Comments, Photos & Push Notifications screens, all specific to that fave.

    Users arrive at the faved item profile by tapping a faved item whenever they select an item from the My or Top screen or elsewhere.

  • Timeline

    The Timeline focuses on usage trends for a faved item by listing a running record of who faved an item and when, the most recent at the top. Each record in the timeline signifies faving history by user, and displays that user's picture and name, when available, as well as the time, date, and proximity to the app user's current location. Repeat favers of an item list in that item's timeline multiple times, their date, time and proximity adjusted accordingly. New records show a custom icon.

  • Ranking

    This view ranks the leading individuals faving an item, showcasing the top contender. This list of top participants comes with the time and place slider controls, for adjusting the rank by proximity and time so your users can see how they place within their neighborhood, country or globe, over the week or month.

    Selecting an individual from here, or from the Timeline of a specific faved item, takes your users to more specifics on that individual.

Photos of faves

This screen contains all the photos taken of a selected faved item, regardless of when or by whom. Your users have the opportunity to add a picture from the Fave It! screen.

Comments about faves

This screen provides a running tab of comments associated with a faved item. Each comment also carries the photo and name of the writer, the time of the comment relative to the current time. Users can add comments upon faving an item or and continue to respond at any time from the Local Faves Comments screen.

Push notifications

You can also set an alert from the Fave Item screen to benotified when someone faves a selected item in your area.

Faved instance profile

Similar to the Faved item profile, but more specific, this screen displays properties of a precise faving moment, down to date, time and latitude and longitude. Users get here by drilling down on a faved event from the All screen or the Timeline of any faved item.

From here, who navigates to the person's profile, what goes to the faved item profile, and where delivers to the location's profile. Again this view features a map with the pinned location of the event, as well as a path to view photos and comments.

Location profile

Also similar to the Faved item profile, the Location profile shows related specifics on a particular Foursquare venue. The view show a map of the location, a visitor timeline and frequency to that location, and the option for comments and photos.

User profile

User profiles focus on the faving activity of an individual user of your app. This screen displays an individual's photo, name, and the same event details displayed in the Timeline, listed here for recent faving activity across all possible items. You can follow a user by tapping the Follow button, which displays for those not followed by the current user.

Activity map

Tapping the Activity Map for a user displays a multi-pin map showing local faving trends for that individual, scrollable to her trends outside the local epicenter.

Each selectable pin reports the image and name of the faved item and the time and date faved at that spot.

Access profiles with activity maps via the Timeline and Rankings screens, via who from faving profile screens, and if you're following the person, by tapping Profiles from the NavBar.

From the NavBar: Access to Around Me and Profile

Around Me and around the world

Tapping Around Me from the NavBar launches a mulit-pin map of faving trends near your users. Each selectable pin reports the image and name of the faved item and the person faving it at that spot.

Touching the Around Me map brings up the timeline slider which lets your users view trending in the last few days, weeks, or months. Heat maps display trends at locations with lots of faving activity.

All the Around Me maps launch showing local trends but your users can scroll to trends outside the local epicenter.


Social network integration

Local Faves comes with Facebook, Twitter, Flickr and Foursquare integration. Access login to these through the Profile menu of the NavBar, and selecting Profile.


Following and unfollowing

Your users can follow the faving trends of each other by selecting the Follow option from their profile.

From the Profile menu on the NavBar, they can select Following to see who they're currently flowing, get quick access to activities of those people, and elect to unfollow anyone they wish.