Behance Mobile Strategy - iPhone App

August 12, 2012

BehanceWIREFRAMES iPhone App

VERSION 3.0

THIS DOCUMENT HAS BEEN PREPARED FOR LIMITED DISTRIBUTION.

THIS DOCUMENT CONTAINS MATERIALS AND INFORMATION THAT

Behance AND Laura Cortes CONSIDERS CONFIDENTIAL, PROPRIETARY

AND SIGNIFICANT FOR PROTECTION OF ITS BUSINESS.

Table of Contents

Revision History

Version 1.0 (July 22, 2012)

- First draft based off of the Mobile strategy

Version 2.0 (July 30, 2012)

- Second draft based on Kristys inclass feedbackVersion 3.0 (August 11, 2012)

- Final draft based on Kristys moodle feedback

This documents the Information Architecture and structure of design concept.

Wireframes

Wireframes illustrate the information architecture and interaction design elements of a site. This document defines the page

structure (information), interaction, and navigation. It does not influence the nomenclature, colours, stylesheets, shapes,

aesthetics, and other visual design parts of the website concept.

Wireframes provide a rationale behind the page structure, the interaction and the navigation. This vital information helps the

development, design, and UE teams to scope out the project.

New additions and changes, including functionality and page elements, are documented and reviewed into each wireframe.

Wireframe alterations are documented in the Revision History.

3Sitemap

5Log In

6Jobs

8Job List

9Collection

10Post

11Explore

12Explore Agencies

14Explore Map

15Follow

16Agencies

17Me

18Job Status

4Common functionalities

7Job tap

13Explore Projects

0.0 BEHANCE iPhone App

0.1 LOG IN

0.1.1 Log in

2.1 Profile 2.1 Find a job 3.1 Projects

0.1.2 Register

2.2 Job Status 3.1.1 Project 1

2.2.1 Jobs

2.4.1 Jobs

3.2.1 Creative 1

4.1.1 Creative 1

4.2.1 Agency 1

3.1.2 Project 2

2.2.2 People

2.4.2 People

3.2.2 Creative 2

4.1.2 Creative 2

4.2.2 Agency 2

3.1.3 Project 3

3.2.3 Creative 3

4.1.3 Creative 3

4.2.3 Agency 3

2.2 Job List

2.4 Collection

3.2 People2.3 Saved search

2.5 Post a job

4.1 Creatives

4.2 Agencies

1.0 ME 2.0 JOBS 3.0 EXPLORE 4.0 FOLLOW

Behance

4Document: Wireframes

Last Edited: 8/12/2012 Author: Laura CortesCommon functionalities

Carrier 12:00 PM

Page Notes

Jobs Explore Follow

BackHello

Laura

Explore

1.0

Common functionalities

1.0 Back buttonThis button is available in all secondary, tertiary and so on

navigations. It allows the user to go back one level.

2.0 Behance Logo Homepage buttonThe Behance logo is present in all pages, always in the same

place and allows the user to go back to the homepage from

whenever he is.

3.0 User name profile buttonWhen the user logs in, his profile name appears on the top

right corner of the screen. This area is also a button that takes

the user to his profile page and its present in all screens once the user logs in.

4.0 Section TitleThis title informs the user about the section he is situated. Its present in all screens, except the homepage.

5.0 Jobs Quick button This button belongs to a bottom nav that contains three quick

buttons to the primary navigations of the app.

This one is takes the user to the jobs section.

(page 5)

6.0 Explore Quick button This button belongs to a bottom nav that contains three quick


This one is takes the user to the explore section.

(page 10)

7.0 Follow Quick button This button belongs to a bottom nav that contains three quick


This one is takes the user to the follow section.

(page 14)

2.0

4.0

3.0

5.0 6.0 7.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesLog in

Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

Screen Notes Screen Notes Screen Notes

Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

Back Back Back

Log In/Sign up

Jobs

Explore

Follow

Email X

Password X

Log In

Not a member yet?

Or Sign Up with email

Jobs

Explore

Follow

Me

1.0

2.0

3.0

4.0

1.0 Log In/Sign Up buttonThe user is redirected to the next screen where he can log in to his

account or create a new account.

2.0 Jobs ButtonThe user can access the jobs section through this button

(Page 2)

3.0 Explore ButtonThis button takes the user to the Explore Section

(Page 02)

4.0 Follow buttonPressing this button the user has access to the Follow section of the app.

(Page 14)

1.0 Email Insert text boxIn order to Log In the user must inset his email address.

1.1 Delete buttonIn order to Log In the user must inset his email address.

2.0 Password Insert text boxHere the user must insert his password to validate the account.

3.0 Log In ButtonBy pressing this button the user logs into his account.

4.0 Facebook Log sign up buttonIf the user doesnt own an account he can choose to sign up with his Facebook account.

5.0 Twitter Log sign up buttonIf the user doesnt own an account he can choose to sign up with his Twitter account.6.0 Sign Up with emailIf the user doesnt own an account he can choose to sign up with his Email account.

1.0

2.0

3.0

4.0

5.0

6.0

Hello

Laura

1.0

2.0

3.0

4.0

1.0 Me buttonThe user can access the his profile page through this button.

(Page 16)

2.0 Jobs ButtonThe user can access the jobs section through this button.

(Page 2)

3.0 Explore ButtonThis button takes the user to the Explore Section.

(Page 10)

4.0 Follow buttonPressing this button the user has access to the Follow section of the app.

(Page 14)

1.1

Behance


Last Edited: 8/12/2012 Author: Laura CortesJobs

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

Jobs Explore Follow Jobs Explore Follow

BackBack

Jobs

Find

a

Job

Job

List

Collection

Post

a

Job

Quick search:

Enter word X

Find a Job

Search: X

Choose a countryCountry: X

Choose a cityCity: X

Agency: X

Results:

Scratchboard illustratorOakland, CA, USA July 18

Jobs

Search

Search

Hello

LauraHello

Laura

1.0 2.0

3.0 4.0

5.0

6.0

Jobs

1.0 Find a Job ButtonFind a job section. In this section the user can search for a job

using search filters. The Search results are displayed in the

same screen.

2.0 Job List ButtonIn this section the user can visualize the latest job posts

entries related to his previous saved search, or if the user

prefers he can erase his saved search and have access to all

the jobs posts entries.

(Page 7)

3.0 Collection ButtonIn the collection section the user has access to his collection of

jobs posts or people he might be interested in contacting,

working for or hiring. The user is able to manage his content

by adding more content to his collection or instead deleting

content.

(Page 8)

4.0 Post a JobPressing this button the user has access to the Post Job

section of the app, where the user can post a job offer.

(Page 9)

5.0 Quick Search insert text boxThe quick search tool allows the user to search by simply

inserting a key word. The results displayed include all the

sections: jobs, creatives and agencies.

6.0 Quick Search buttonThis button sends the search requested by the user and

displays the results underneath.

Jobs List

1.0 Search insert text boxHere the user introduces key words for his search.

2.0 Country insert text boxBy taping in the text box the user will be able to choose from a

list of countries.

3.0 City insert text boxBy taping in the text box the user will be able to choose from a

list of cities.

4.0 Agency insert text boxHere the user can introduce the name of an agency.

5.0 Search buttonBy pressing this button the user will visualize the search

results on the bottom of the page.

6.0 Search resultsAfter pressing the search button the results will be displayed in

this area.

The results are displayed as a list of buttons, which can be

taped to access the job entries.

1.0

2.03.0

6.0

5.04.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesJobs Tap

Carrier 12:00 PM

Page Notes

Jobs Explore Follow

Back

Jobs

Find a Job

Search: X

Choose a countryCountry: X

City: X

Agency: X

Results:


Search

Hello

Laura

5.0

Canada

USA

France

Portugal

Spain

1.0

Jobs list

1.0 Drop down menuFor the areas country and city the user can choose from a list

that will be displayed on a dropdown menu.

The dropdpwn menu shows up when the user taps the

respective box.

Behance


Last Edited: 8/12/2012 Author: Laura CortesJob List




Back Back Back

Jobs Jobs

Find Jobs Find People


Senior Interaction DesignerWashington, DC, USA July 18

Results



Results

Find Jobs Find People

John Smith Oakland, CA, USA July 18

Interactive Designer

Laura Johnson Vancouver, BC, Can July 18

IA

Christina Tompson Toronto, ON, Can July 18

Interface Designer

David Campbell San Fran., CA, USA July 18

UX Designer

Saved Search

InteractiveSearch: X

CanadaCountry: X

VancouverCity: X

Blast RadiusCompany: X

Results:

Resfresh

Jobs

Jobs People

Hello

Laura

Hello

Laura

Hello

Laura

1.0 Search insert text boxHere the user introduces key words for his search.

2.0 Country insert text boxBy taping in the text box the user will be able to choose from a list of countries.

3.0 City insert text boxBy taping in the text box the user will be able to choose from a list of cities.

4.0 Agency insert text boxHere the user can introduce the name of an agency.

5.0 RefreshBy pressing this button the user will refresh the predefined search, and get new

results.

6.0 Jobs TabThe user can choose between Jobs results or People results. In the jobs tag the user

as access to the jobs offers posts.

7.0 People TabBy pressing this tag the user as access to people offering services.

1.0 Job Post titleIn order to Log In the user must inset his email address.

2.0 Add to collectionThe user can choose to add the job post to his collection, directly from the job

list.

3.0 Job LocationInforms the user about the job offer location.

4.0 Post Date.Informs the user about the job post date.

1.0 Creative Profession TitleIn this section the user can see creatives who are offering their services.

This text informs the user about the creative profession.

2.0 Creative nameCreative name and last name.

3.0 Creative LocationInforms the user about the creative location.

1.0

2.0

3.0

4.0

5.0

6.0 7.0

1.0 2.0

3.0 4.0

1.0

2.0 3.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesCollection




Back Back Back

JobsJobs

Jobs


Jobs



Senior Interaction DesignerWashington, DC, USA

July 15


Collection

Jobs

People

People

John smithLocation: Tallin, Estonia

Fields: Art Direction, Graphic

Design, Typography

Sarah ChowLocation: Vancouver, Canada

Fields: User Experience,

Information Architecture

July 18

Hello

Laura

Hello

Laura

Hello

Laura

1.0 Jobs buttonThe user is redirected to the next screen where he can see a list of the jobs

he added to hos collection.

2.0 People ButtonThe user is redirected to the section where he can see a list of the people

(creatives and agencies) he added to hos collection.

1.0 Jobs postsList of jobs posts added to the user collection. Every item is a button that

takes the user to the job post page.

2.0 Add to my collection buttonThis button allows the user to add or remove jobs posts to his collection.

When its coloured the job is added to the collection. To remove the job from the collection, the user just has to press the button again, and it instantly

becomes uncoulored.

1.0 Creative/Agency PhotoThumbnail image of the creative/agency.

2.0 Creative/Agency Name In this area the user is informed about the creative/agency name.

3.0 Creative/Agency Location In this area the user is informed about the creative/agency location.

4.0 Creative/Agency FieldIn this area the user is informed about the creative/agency fields of expertise.

5.0 Creative/Agency Rate The user can choose to rate the creatives/agencies entries, and by doing this the user

changes the order of importance of the entries.

6.0 Post dateIn this area the user is informed about the post date.

7.0 Creative/Agency Appreciations numberIn this area the user is informed about the creative/agency number of appreciations.

8.0 Creative/Agency Views numberIn this area the user is informed about the creative/agency number of views.

1.0

2.0

1.0 2.0 1.02.0

3.0

4.0

8.0

5.0

6.07.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesPost


Page Notes


BackBack

Post a Job

Area: X

Company: X

Start date: X

Country: X

City: X

Description:

Jobs Jobs

Post

Hello

LauraHello

Laura

1.0

2.0

3.0

4.0

5.0

6.0

7.0

Post a Job

1.0 Job area insert text boxIn this area the user can inset the area of the job he is offering.

2.0 Company In this area the user can insert the company who is offering the

job.

3.0 Job starting dateThe user can choose to introduce the date of start for the job.

By taping the box, a calendar shows up, and the user can

choose the month and day.

4.0 Country insert text boxBy taping in the text box the user will be able to choose from a

list of countries.

5.0 City insert text boxBy taping in the text box the user will be able to choose from a

list of cities.

6.0 Description insert text boxIn this area the user can add a short description about the job

offer.

7.0 Post buttonThe button posts the job into the job list.

M

August 12

T W T F S S

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28 29 30 31

Behance


Last Edited: 8/12/2012 Author: Laura CortesExplore




Back Back Back

Explore ExploreExplore

People

Projects

John Smith

Location: Tallin, Estonia

Follow


Design, Typography

About

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et

dolore magna aliqua.

People

Map

Creatives Agencies



John SmithLocation: Tallin, Estonia

Follow


Design, Typography

Hello

Laura

Hello

Laura

Hello

Laura

1.0 People buttonThe user is redirected to the next screen where he can explore between

Creatives or agencies.

2.0 Projects button The user is redirected to a screen where he can explore projects from either

creatives or agencies. (Page 12)

3.0 Map ButtonThe user is redirected to a screen where he can explore visualize a map

showing the jobs, creatives or agencies closer to his location. (Page 13)

1.0 Creatives tabThe user can choose between Creatives results or Agencies results. In the

creatives tag the user as access to creatives personal portfolio.

2.0 Agencies tabBy pressing this tag the user as access to the agencies list, and therefore to

their portfolio.

(Page 11)

3.0 Follow ButtonThe user can choose to follow creatives and agencies.

By pressing the button the user is adding creatives/agencies to his following

list.

Creative

1.0 AboutIn this page the user can see the creative page and get detailed information

about his/her work and field of expertise.

By scrolling down the user can visualize examples of the creative work.

1.0

2.0

3.0

1.02.0

3.0 1.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesExplore Agencies


Page Notes


BackBack

HandMadeFontLocation: Tallin, Estonia

Follow


Design, Typography

HandMadeFontLocation: Tallin, Estonia


Design, Typography

People

Creatives Agencies

Explore

HandMadeFont


Follow


Design, Typography

About

Lorem ipsum dolor sit amet,

consectetaur adipisicing elit, sed do

eiusmod tempor incididunt ut labore et

dolore magna aliqua.

Explore

Hello

LauraHello

Laura

Agencies

1.0 Agencies ListIn this area the user can explore different agecnies and have

access to their personal page and work.

2.0 Agency page In this page the user can visualize a specific agency and see

its work and information.

1.1

2.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesExplore Projects




Back Back Back

Explore ExploreExplore

Projects Handmade font.

Art Direction, Graphic Design, Typography

Author: HandMadeFont Agency

Handmade font.By: HandMadeFont

Art Direction, Graphic

Design, Typography

LondonBy: Talos Buccellati

Photography

Hello

Laura

Hello

Laura

Hello

Laura

1.0 Explore projectsIn this page the user has access to a list of different projects from creatives or

agencies. The user can access the different projects pages by tapping on the

list items.

1.0 Project pagePage showcasing a project

2.0 Project authorProject author name,

3.0 Project short descriptionOne sentence describing the project nature and field.

4.0 ImageProject image. To view full screen the user just needs to rotate the phone to

landscape position.

4.0 Twitter share buttonThis button shares the project on twitter.

5.0 Facebook share buttonThis button shares the project on favebook.

6.0 Linked In share buttonThis button shares the project on Linked In.

7.0 Google Plus share buttonThis button shares the project on Google Plus.

8.0 Appreciate this buttonThis button gives an appreciation to the project.

1.0

1.0

2.0

4.0

4.0 5.0 6.0 7.0

8.0

Lorem ipsum dolor sit amet, consectetur

adipiscing elit.

3.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesExplore Map

Carrier 12:00 PM

Page Notes

Jobs Explore Follow

Back

Filter TitleFilter description

Jobs Explore Follow

Jobs Creatives Agencies

Hello

Laura

1.0

Explore Map

In this page the user can explore job offers, creatives or

agencies who are situated near the user location.

1.0 Jobs FilterThis button activates the jobs filter displaying only the job

offers available near the user location.

2.0 Creatives FilterThis button activates the creatives filter displaying only the

creatives who live and work near the user location.

3.0 Agencies FilterThis button activates the agencies filter displaying only the

agencies that are situated near the user location.

4.0 Selected filter item titleTitle of the item.

5.0 Arrow button to access item pageThis button takes the user to the item page (job offer, creative,

agency).

6.0 Selected filter item short descriptionField of the item (job offer, creative, agency).

7.0 User locationMark informing about the user location on the map.

8.0 Projects FilterItems locations on the map.

2.0

3.0

4.0

5.0

6.07.0

8.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesFollow




Back Back Back

Creatives

Agencies

FollowFollow

Creatives

Follow Following

Follow

Laura CortesLocation: Lisbon, Portugal

Unfollow

Fields: Creative Direction,

Interactive Design, Ux, IA

Samantha KangLocation: Vancouver, Canada


Creatives

Follow Following



John SmithLocation: Tallin, Estonia

Follow


Design, Typography

Hello

Laura

Hello

Laura

Hello

Laura

1.0 Creatives Up buttonThe user is redirected to the next screen where he can visualize a list of the

creatives he is following and also a list of creatives that might interest him.

2.0 Agencies ButtonThe user is redirected to a new page where he can visualize a list of the

agencies he is following and also a list of agencies that might interest him.

(page 15)

1.0 Follow TabThe user can choose between Follow results or Following results. In the

follow tag the user as access to a list of creatives to follow..

2.0 Following TabBy pressing this tag the user as access to the creatives he is already

following.

1.0 Unfollow buttonThe user can choose to unfollow a creative he is already following just by

tapping on the button unfollow.

1.0

2.0

1.0 2.0

1.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesAgencies


Page Notes


BackBack

HandMadeFont


Follow


Design, Typography

Location: Vienna, Austria

Fields: Illustration, Photography,

Graphic Design

Follow

Agencies

Follow Following

Follow

Agencies

Following Following

HandMadeFont


Unfollow


Design, Typography

Location: Vienna, Austria

Fields: Illustration, Photography,

Graphic Design

Hello

LauraHello

Laura

Follow Agencies

1.0 Follow agencies tabIn this area the user can explore different agencies and have

access to their personal page and work.

2.0 Following agencies tabIn this page the user can visualize a the list of agencies he is

already following and he can choose to unfollow it.

1.1

2.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesMe




Back Back Back

Creative Direction X

Me

Profile Image

Current

ImageUPLOAD IMAGE

Personal Information

Laura Cortes X

Digital Creative X

Location

Canada British Columbia

Vancouver

Creative Fields

Interaction Design X

Profile

Job Status

Profile

Me Me

Hello

Laura

Hello

Laura

Hello

Laura

1.0 Profile buttonThe user is redirected to the next screen where he can edit his profile info and

upload a profile picture.

2.0 Job Status ButtonThe user can access the job status section through this button

(page 17)

1.0 Profile ImageThumbnail image of the user profile.

2.0 Upload a new profile image buttonHere the user can upload a new image to his profile.

3.0 Personal information - nameThe user can insert his personal name in this area.

4.0 Personal information - professionThe user can insert his profession in this area.

5.0 Location - countryBy taping in the text box the user will be able to choose from a list of

countries.

6.0 Location - stateBy taping in the text box the user will be able to choose from a list of states.

7.0 Location - cityBy taping in the text box the user will be able to choose from a list of cities.

8.0 Creative field 1The user can insert the first field of expertise.

9.0 Creative field 2The user can insert the second field of expertise.

10.0 Creative field 3The user can insert the third field of expertise.

1.0

2.0

1.0 2.0

3.0

4.0

5.0

6.0

7.0

8.0

Creative Direction X

9.0

10.0

Behance


Last Edited: 8/12/2012 Author: Laura CortesJob status


Page Notes


BackBack

Job Status

Available for:

Freelance Internship

Part-time

Areas:

Interactive

Area 2

Area 3Save

Me Me

Full-time

Start date: X

Country: X

City: X

Description:

Hello

Laura

Hello

Laura

Job status

Available for:

In this area the user can choose what kind of work he is

available for.

1.0 FreelanceCheck box.

2.0 InternshipCheck box.

3.0 Part-timeCheck box.

4.0 Full-timeCheck box.

Areas:

5.0 Area 1By taping in the text box the user will be able to choose from a

list of areas.


list of areas.


list of areas.

8.0 Start dateThe user can choose to introduce the date he is available to

start working. By taping the box, a calendar shows up, and the

user can choose the month and day.

9.0 CountryBy taping in the text box the user will be able to choose from a

list of countries.

10.0 CityBy taping in the text box the user will be able to choose from a

list of cities.

11.0 DescriptionHere the user can add a short description of the type of work

he is looking for and also any other information he might want

to give about himself.

12.0 Save buttonThis button saves the job status of the user and updates his

profile page.

1.0

2.0

3.0 4.0

5.0

6.0

7.0

8.0

9.0

10.0

11.0

12.0

iPhone_app_v2.vsdTitle PageAbout This DocumentblankCommon functionalitiesLog inJobsJobs TapJob ListCollectionPostExploreExplore AgenciesExplore ProjectsExplore MapFollowAgenciesMeJob status

Behance Mobile Strategy - iPhone App

user logs

jobs quick button

profile page

page structure information

buttonthis button

page elements

information architecture

quick buttons

Text of Behance Mobile Strategy - iPhone App

FREE iPHONE APP FREE iPAD APP

Podio iphone app

Eyamakan app - iphone

iPhone App Strategy

iPhone App Developer

50 App iPhone

MU iPhone App

Rails iPhone App

Hultsfred Iphone App

Iphone App-Introduction

iPhone Meeting App

iPhone Camera App - Kowa Sporting Optics · iPhone Camera App Kowa Telecamera App Unleash the true power of your iPhone camera with this versatile and flexible photo app for the iPhone

Bang iPhone App

iPhone App Development

Iphone app possibilities

ReserveOrderPay iPhone App

App Free iPhone App Review

Pavilion iPhone App

Horizon Smartphone App for iOS - Nomis Connections · 2016-12-01 · The iPhone app is supported on the following devices: - iPhone 4 - iPhone 4S - iPhone 5 - iPhone 5C - iPhone 5S

CreditRepair.com iPhone App

iPhone App Store

iPhone App project

Iphone app

Pentesting iPhone Applications - PUT.AS · Agenda •iPhone App Basics –App development –App distribution •Pentesting iPhone Apps –Methodology –Areas of focus •Major Mobile

ContactShark iPhone App

Mobile App for iPhone and Android - ELEADCRM.COM App NEW.pdfMobile App for iPhone and Android. ... Mobile app is compatible with both iPhone and Android devices. iPhone users go to

Ford iPhone APp

Zillow iPhone App

iPhone App Developers

iPhone App Development

Documents

Behance Mobile Strategy - iPhone App

Text of Behance Mobile Strategy - iPhone App