behance mobile strategy - iphone app

18
August 12, 2012 Behance WIREFRAMES 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.

Upload: laura-cortes

Post on 22-Mar-2016

316 views

Category:

Documents


0 download

DESCRIPTION

Behance Mobile Strategy - iPhone App

TRANSCRIPT

Page 1: 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.

Page 2: Behance Mobile Strategy - iPhone App

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 feedback

Version 3.0 (August 11, 2012)

- Final draft based on Kristys’ moodle feedback

This documents the Information Architecture and structure of <project name> 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

Page 3: Behance Mobile Strategy - iPhone App

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

Page 4: Behance Mobile Strategy - iPhone App

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 button

This 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 button

The 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 button

When 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 it’s present in all screens once

the user logs in.

4.0 – Section Title

This title informs the user about the section he is situated. It’s

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

buttons to the primary navigations of the app.

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

buttons to the primary navigations of the app.

This one is takes the user to the follow section.

(page 14)

2.0

4.0

3.0

5.0 6.0 7.0

Page 5: Behance Mobile Strategy - iPhone App

Behance

5Document: Wireframes

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 button

The user is redirected to the next screen where he can log in to his

account or create a new account.

2.0 – Jobs Button

The user can access the jobs section through this button

(Page 2)

3.0 – Explore Button

This button takes the user to the Explore Section

(Page 02)

4.0 – Follow button

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

(Page 14)

1.0 – Email – Insert text box

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

1.1 – Delete button

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

2.0 – Password – Insert text box

Here the user must insert his password to validate the account.

3.0 – Log In Button

By pressing this button the user logs into his account.

4.0 – Facebook Log sign up button

If the user doesn’t own an account he can choose to sign up with his Facebook

account.

5.0 – Twitter Log sign up button

If the user doesn’t own an account he can choose to sign up with his Twitter account.

6.0 – Sign Up with email

If the user doesn’t 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 button

The user can access the his profile page through this button.

(Page 16)

2.0 – Jobs Button

The user can access the jobs section through this button.

(Page 2)

3.0 – Explore Button

This button takes the user to the Explore Section.

(Page 10)

4.0 – Follow button

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

(Page 14)

1.1

Page 6: Behance Mobile Strategy - iPhone App

Behance

6Document: Wireframes

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 Button

Find 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 Button

In 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 Button

In 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 Job

Pressing 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 box

The 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 button

This button sends the search requested by the user and

displays the results underneath.

Jobs List

1.0 – Search – insert text box

Here the user introduces key words for his search.

2.0 – Country – insert text box

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

list of countries.

3.0 – City – insert text box

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

list of cities.

4.0 – Agency – insert text box

Here the user can introduce the name of an agency.

5.0 – Search button

By pressing this button the user will visualize the search

results on the bottom of the page.

6.0 – Search results

After 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

Page 7: Behance Mobile Strategy - iPhone App

Behance

7Document: Wireframes

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:

Scratchboard illustratorOakland, CA, USA July 18

Search

Hello

Laura

5.0

Canada

USA

France

Portugal

Spain

1.0

Jobs list

1.0 – Drop down menu

For 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.

Page 8: Behance Mobile Strategy - iPhone App

Behance

8Document: Wireframes

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

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

Jobs Jobs

Find Jobs Find People

Scratchboard illustratorOakland, CA, USA July 18

Senior Interaction DesignerWashington, DC, USA July 18

Results

Scratchboard illustratorOakland, CA, USA July 18

Senior Interaction DesignerWashington, DC, USA July 18

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 box

Here the user introduces key words for his search.

2.0 – Country – insert text box

By taping in the text box the user will be able to choose from a list of countries.

3.0 – City – insert text box

By taping in the text box the user will be able to choose from a list of cities.

4.0 – Agency – insert text box

Here the user can introduce the name of an agency.

5.0 – Refresh

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

results.

6.0 – Jobs Tab

The 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 Tab

By pressing this tag the user as access to people offering services.

1.0 – Job Post title

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

2.0 – Add to collection

The user can choose to add the job post to his collection, directly from the job

list.

3.0 – Job Location

Informs the user about the job offer location.

4.0 – Post Date.

Informs the user about the job post date.

1.0 – Creative Profession Title

In this section the user can see creatives who are offering their services.

This text informs the user about the creative profession.

2.0 – Creative name

Creative name and last name.

3.0 – Creative Location

Informs 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

Page 9: Behance Mobile Strategy - iPhone App

Behance

9Document: Wireframes

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

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

JobsJobs

Jobs

Scratchboard illustratorOakland, CA, USA July 18

Jobs

Senior Interaction DesignerWashington, DC, USA July 18

Scratchboard illustratorOakland, CA, USA July 18

Senior Interaction DesignerWashington, DC, USA

July 15

Senior Interaction DesignerWashington, DC, USA July 18

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 button

The user is redirected to the next screen where he can see a list of the jobs

he added to hos collection.

2.0 – People Button

The 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 posts

List 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 button

This button allows the user to add or remove jobs posts to his collection.

When it’s 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 Photo

Thumbnail 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 Field

In 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 date

In this area the user is informed about the post date.

7.0 – Creative/Agency Appreciations number

In this area the user is informed about the creative/agency number of appreciations.

8.0 – Creative/Agency Views number

In 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

Page 10: Behance Mobile Strategy - iPhone App

Behance

10Document: Wireframes

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

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

Jobs Explore Follow Jobs Explore Follow

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 box

In 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 date

The 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 box

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

list of countries.

5.0 – City – insert text box

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

list of cities.

6.0 – Description – insert text box

In this area the user can add a short description about the job

offer.

7.0 – Post button

The 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

Page 11: Behance Mobile Strategy - iPhone App

Behance

11Document: Wireframes

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

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

Explore ExploreExplore

People

Projects

John Smith

Location: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

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

Sarah ChowLocation: Vancouver, Canada

Fields: User Experience,

John SmithLocation: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

Design, Typography

Hello

Laura

Hello

Laura

Hello

Laura

1.0 – People button

The 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 Button

The 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 tab

The user can choose between Creatives results or Agencies results. In the

creatives tag the user as access to creatives personal portfolio.

2.0 – Agencies tab

By pressing this tag the user as access to the agencies list, and therefore to

their portfolio.

(Page 11)

3.0 – Follow Button

The 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 – About

In 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

Page 12: Behance Mobile Strategy - iPhone App

Behance

12Document: Wireframes

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

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

Jobs Explore Follow Jobs Explore Follow

BackBack

HandMadeFontLocation: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

Design, Typography

HandMadeFontLocation: Tallin, Estonia

Fields: Art Direction, Graphic

Design, Typography

People

Creatives Agencies

Explore

HandMadeFont

Location: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

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 List

In 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

Page 13: Behance Mobile Strategy - iPhone App

Behance

13Document: Wireframes

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

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

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 projects

In 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 page

Page showcasing a project

2.0 – Project author

Project author name,

3.0 – Project short description

One sentence describing the project nature and field.

4.0 – Image

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

landscape position.

4.0 – Twitter share button

This button shares the project on twitter.

5.0 – Facebook share button

This button shares the project on favebook.

6.0 – Linked In share button

This button shares the project on Linked In.

7.0 – Google Plus share button

This button shares the project on Google Plus.

8.0 – Appreciate this button

This 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

Page 14: Behance Mobile Strategy - iPhone App

Behance

14Document: Wireframes

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 Filter

This button activates the jobs filter displaying only the job

offers available near the user location.

2.0 – Creatives Filter

This button activates the creatives filter displaying only the

creatives who live and work near the user location.

3.0 – Agencies Filter

This button activates the agencies filter displaying only the

agencies that are situated near the user location.

4.0 – Selected filter item title

Title of the item.

5.0 – Arrow button to access item page

This button takes the user to the item page (job offer, creative,

agency).

6.0 – Selected filter item short description

Field of the item (job offer, creative, agency).

7.0 – User location

Mark informing about the user location on the map.

8.0 – Projects Filter

Items locations on the map.

2.0

3.0

4.0

5.0

6.07.0

8.0

Page 15: Behance Mobile Strategy - iPhone App

Behance

15Document: Wireframes

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

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

Creatives

Agencies

FollowFollow

Creatives

Follow Following

Follow

Laura CortesLocation: Lisbon, Portugal

Unfollow

Fields: Creative Direction,

Interactive Design, Ux, IA

Samantha KangLocation: Vancouver, Canada

Fields: User Experience,

Creatives

Follow Following

Sarah ChowLocation: Vancouver, Canada

Fields: User Experience,

John SmithLocation: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

Design, Typography

Hello

Laura

Hello

Laura

Hello

Laura

1.0 – Creatives Up button

The 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 Button

The 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 Tab

The 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 Tab

By pressing this tag the user as access to the creatives he is already

following.

1.0 – Unfollow button

The 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

Page 16: Behance Mobile Strategy - iPhone App

Behance

16Document: Wireframes

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

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

Jobs Explore Follow Jobs Explore Follow

BackBack

HandMadeFont

Location: Tallin, Estonia

Follow

Fields: Art Direction, Graphic

Design, Typography

Location: Vienna, Austria

Fields: Illustration, Photography,

Graphic Design

Follow

Agencies

Follow Following

Follow

Agencies

Following Following

HandMadeFont

Location: Tallin, Estonia

Unfollow

Fields: Art Direction, Graphic

Design, Typography

Location: Vienna, Austria

Fields: Illustration, Photography,

Graphic Design

Hello

LauraHello

Laura

Follow Agencies

1.0 – Follow agencies tab

In this area the user can explore different agencies and have

access to their personal page and work.

2.0 – Following agencies tab

In 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

Page 17: Behance Mobile Strategy - iPhone App

Behance

17Document: Wireframes

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

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

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 button

The user is redirected to the next screen where he can edit his profile info and

upload a profile picture.

2.0 – Job Status Button

The user can access the job status section through this button

(page 17)

1.0 – Profile Image

Thumbnail image of the user profile.

2.0 – Upload a new profile image button

Here the user can upload a new image to his profile.

3.0 – Personal information - name

The user can insert his personal name in this area.

4.0 – Personal information - profession

The user can insert his profession in this area.

5.0 – Location - country

By taping in the text box the user will be able to choose from a list of

countries.

6.0 – Location - state

By taping in the text box the user will be able to choose from a list of states.

7.0 – Location - city

By taping in the text box the user will be able to choose from a list of cities.

8.0 – Creative field 1

The user can insert the first field of expertise.

9.0 – Creative field 2

The user can insert the second field of expertise.

10.0 – Creative field 3

The 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

Page 18: Behance Mobile Strategy - iPhone App

Behance

18Document: Wireframes

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

Carrier 12:00 PM Carrier 12:00 PM

Page Notes

Jobs Explore Follow Jobs Explore Follow

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 – Freelance

Check box.

2.0 – Internship

Check box.

3.0 – Part-time

Check box.

4.0 – Full-time

Check box.

Areas:

5.0 – Area 1

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

list of areas.

6.0 – Area 2

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

list of areas.

7.0 – Area 3

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

list of areas.

8.0 – Start date

The 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 – Country

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

list of countries.

10.0 – City

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

list of cities.

11.0 – Description

Here 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 button

This 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