Behance Mobile Strategy - iPad App

  • Published on
    28-Mar-2016

  • View
    216

  • Download
    3

Embed Size (px)

DESCRIPTION

Behance Mobile Strategy - iPad App

Transcript

  • August 13, 2012

    BehanceWIREFRAMES iPad App

    VERSION 1.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 ContentsThis 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.

    3Information Architecture

    5Home6Menu

    7My Collection > Manage People8My Collection > Manage Projects

    9My Collection > Preferences10People11Projects

    4Common functionalities

    12Projects page 213Full screen image14Search results

  • 0.0 BEHANCE iPap App

    1.1 Manage 2.1 Projects

    1.2 Preferences

    2.1.1 Project 11.1.1 People

    1.1.2 Projects

    2.2.1 Creative 1

    2.1.2 Project 2

    2.2.2 Creative 2

    2.1.3 Project 3

    2.2.3 Creative 3

    2.2 People

    1.0 My Collection 2.0 Explore 3.0 Jobs 4.0 Inbox

    2.1 Post a job

    2.2.1 Jobs

    2.2.2 People

    2.2 Job List

    2.3 Saved search

    2.1 Compose

    2.3 Sent

    2.2 Inbox

    2.2.1 Mess.

    2.3.1 Mess.

    2.2.2 Mess.

    2.3.2 Mess.

    2.2.3 Mess.

    2.3.3 Mess.

  • 4

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    Common functionalities

    Page Notes

    Inbox

    The

    latest

    people

    The

    latest

    projects Search X

    MY COLLECTION

    EXPLORE

    JOBS

    1.0 2.0 3.0

    4.0 5.0

    6.0

    7.0

    8.0

    Common functionalities

    These elements are present in all screens.

    1.0 Latest people quick buttonBy tapping in this button the user can see the latest people

    results that match his preferences. (page 4)

    2.0 Latest projects quick buttonBy tapping in this button the user can see the latest projects

    results that match his preferences. (page 4)

    3.0 InboxThe user can access his Inbox page by tapping this button.

    (there are no wireframes for this functionality, but their look

    would be similar to the ones on the mobile site).

    4.0 Search insert text box In this box the user can introduce key words and he will get

    results matching people or projects (page 14).

    5.0 Delete buttonThis button deletes the content on the box.

    6.0 My collectionBy tapping this button the user can see two options: Manage

    and Preferences. This options are associated to the My

    Collection section of the app.

    (Page 6)

    7.0 ExploreThe user can access the Explore section through this button

    (The wireframes are not created for this section, but the look

    would be similar to the iPhone App Explore section)

    8.0 JobsThe user can access the Jobs section through this button

    (The wireframes are not created for this section, but the look

    would be similar to the iPhone App Jobs section)

  • 5

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    Home

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    MY COLLECTION

    EXPLORE

    JOBS

    The latest on your preferences:

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    HandMadeFont

    Author: John Smith

    Fields: Art Direction,

    Graphic Design,

    Typography

    HandMadeFont

    Author: John Smith

    Fields: Art Direction,

    Graphic Design,

    Typography

    HandMadeFont

    Author: John Smith

    Fields: Art Direction,

    Graphic Design,

    Typography

    AllProjects

    AllPeople

    1.0

    2.0

    3.0

    5.0

    4.06.0

    7.0

    8.0

    9.0 10.0

    The latest on your preferences

    On the homepage there are two main sections: People and Projects. This

    two sections display the latest on the users preferences.

    1.0 People TabBy tapping this tab the user can visualize the latest peoples results on his preferences.

    2.0 All People TabBy tapping this tab the user can visualize the all latest peoples results.

    3.0 Creative/Agency profile pictureProfile picture of the creative/agency results. Its also a button that takes the user to the creative/agency page.

    4.0 Creative/Agency appreciationsNumber of appreciations of the creative/agency profile page.

    5.0 Creative/Agency viewsNumber of views of the creative/agency profile page.

    6.0 Creative/Agency nameName of the creative/agency.

    7.0 Creative/Agency fieldsFields of expertise of the creative/agency.

    8.0 Creative/Agency LocationCity and country of the creative/agency.

    9.0 Projects TabBy tapping this tab the user can visualize the latest projects results on his preferences.

    10.0 All Projects TabBy tapping this tab the user can visualize the all latest projects results.

    11.0 Project pictureImage of the project. Its also a button that takes the user to the project page.

    12.0 Project appreciationsNumber of appreciations of the project.

    13.0 Project viewsNumber of views of the project.

    14.0 Project nameName of the project.

    15.0 Project fieldsFields in which project is included.

    16.0 Project authorName of the projects aurhor.

    11.0

    12.0

    13.0

    14.0

    15.0

    16.0

  • 6

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    Menu

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    MY COLLECTION

    EXPLORE

    JOBS

    The latest on your preferences:

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    AllProjects

    AllPeople

    MANAGE

    1.0 My collection Manage ButtonThe user can access the Manage section through this button

    (Page 7)

    2.0 My collection preferences ButtonThe user can access the Manage section through this button

    (Page 9)

    3.0 People gallery scrollTo visualize more results on the People section, the user

    needs to scroll to the right by tapping and pulling.

    There are three results on the page simultaneously.

    4.0 Projects gallery scrollTo visualize more results on the Projects section, the user

    needs to scroll to the right by tapping and pulling.

    There are three results on the page simultaneously.

    1.0

    PREFERENCES

    2.0

    3.0

    4.0

  • 7

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    MY COLLECTION > MANAGE PEOPLE

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    MY COLLECTION

    EXPLORE

    JOBS

    ProjectsPeople

    Manage

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow

    Message

    Score: July 18

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow

    Message

    Score: July 18

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow

    Message

    Score: July 18

    John Smith John SmithJohn Smith

    1.0 People TabBy tapping this tab the user chooses to manage the creatives/

    agencies that were added to his collection.

    2.0 Projects TabBy tapping this tab the user chooses to manage the projects

    that were added to his collection. (page 8)

    3.0 ScoreThe user can give different scores to the items on his

    collection. By doing this, the items will be placed in order

    depending on their respective score.

    In order to give a different score the user taps on a star to add

    or remove a level.

    4.0 Follow buttonThe user can choose to follow a creative/agency. By tapping

    on the button Follow the user will receive updates on his inbox

    every time one of the creatives or agencies adds something to

    their portfolio.

    5.0 Message buttonTo send a message to the creative/agency the user can tap on

    the button and he will be redirected to his Inbox, where he can

    write the message.

    6.0 MoreIn order to see more items in the collection the user should tap

    and pull. There are 6 results on the page simultaneously.

    1.0 2.0

    3.0

    4.0

    5.0

    6.0

  • 8

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    MY COLLECTION > MANAGE PROJECTS

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    MY COLLECTION

    EXPLORE

    JOBS

    People Projects

    HandMadeFont

    Location: Tallin, Estonia

    Fields: Art Direction,

    typography

    Follow author

    Contact Author

    Score: July 18

    HandMadeFont

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow author

    Score: July 18

    HandMadeFont

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow author

    Score: July 18

    HandMadeFont HandMadeFontHandMadeFont

    Author: John Smith

    Contact Author Contact Author

    Manage

    1.0 Projects TabBy tapping this tab the user chooses to manage the projects

    that were added to his collection.

    The tab changes colour whenever is active or inactive.

    2.0 ScoreThe user can give different scores to the items on his

    collection. By doing this, the items will be placed in order

    depending on their respective score.

    In order to give a different score the user taps on a star to add

    or remove a level.

    3.0 Follow buttonThe user can choose to follow a creative/agency. By tapping

    on the button Follow the user will receive updates on his inbox

    every time one of the creatives or agencies adds something to

    their portfolio.

    4.0 MoreIn order to see more items in the collection the user should tap

    and pull. There are 6 results on the page simultaneously.

    1.0

    2.0

    3.0

    4.0

  • 9

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    MY COLLECTION > PREFERENCES

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    MY COLLECTION

    EXPLORE

    JOBS

    Preferences

    Field

    Field 1 Field 2 Field 3

    Location

    Country City

    Experience

    years

    Availability

    Freelance Internship

    Part-time Full-time

    Views

    0-100

    100-500

    +500

    Search

    Save

    1.0 PreferencesIn this page the user can change his collection preferences.

    This preferences will be used to filter the results on the

    homepage, either for people and projects.

    2.0 Field 1,2,3The user can choose three fields of preference. This fields will

    be used to filter the results on the homepage.

    3.0 Location:3.1 Country3.2 City The user can choose a country and city to filter his results on

    the homepage. Only creatives and agencies from the country

    and city he chooses will be displyed.

    4.0 ExperienceThe user can choose to see only creatives with x years of

    experience, by choosing a number on the dropdown menu that

    will show up if the user taps on the experience box.

    5.0 AvailabilityThe user can choose to see only creatives that are available

    for:

    5.1 Freelance5.2 Internship5.3 Part-time5.4 Full-timeFor this the user needs to check the boxes one or more of the

    previous options.

    6.0 ViewsThe user can choose to see only creatives/agencies that have:

    6.1 0-100 views 6.2 100-500 views6.3 +500 viewsFor this the user needs tap one of the buttons assigned to the

    previous options.

    7.0 Save buttonBy tapping this button the user chooses to save his

    preferences.

    8.0 SearchThe user can search people and projects directly from this

    screen that match his preferences. For that he needs to save

    the options first by tapping on the button Save.

    1.0

    2.0

    3.0

    3.2

    4.0

    5.0

    5.2

    5.3 5.4

    6.1

    8

    5.1

    3.1

    6.1 6.1

    6.1

    7

  • Document: Wireframes

    Last Edited: 8/13/2012 Author:

    People 1

    0

    Page Notes

    The

    latest

    people

    The

    latest

    projects Favouvites Search X

    People

    John Smith

    Location: Tallin, Estonia

    Fields: Art Direction,

    Graphic Design,

    Typography

    Follow

    Add to Collection

    Send Message

    All Projects

    Fields: Art Direction, Graphic Design, Typography

    HandMadeFont

    Add to Collection

    Fields: Art Direction, Graphic Design, Typography

    HandMadeFont

    Add to Collection

    Fields: Art Direction, Graphic Design, Typography

    HandMadeFont

    Add to Collection

    1.0

    2/0

    8.0

    9.0

    10.0

    7.0

    12.0

    11.0

    13.0

    14.0

    16.0

    15.0

    3.0

    4.0

    6.0

    5.0

    1.0 Show Menu buttonThe menu is hided in the People and Projects

    Profile page. This page is also displayed in

    portrait position. To show the menu the user

    need to tap on the arrow. The menu will show

    up on top of the page.

    2.0 Creative/Agency nameName of the creatuve/agency.

    3.0 Creative/Agency fieldsFields of expertise of the creative/agency.

    4.0 Creative/Agency LocationCity and country of the creative/agency.

    5.0 Creative/Agency appreciationsNumber of appreciations of the creative/agency

    profile page.

    6.0 Creative/Agency viewsNumber of views of the creative/agency profile

    page.7.0 Creative/Agency profile pictureProfile picture of the creative/agency results. Its also a button that takes the user to the creative/

    agency page.

    8.0 Follow buttonThe user can choose to follow a creative/agency.

    By tapping on the button Follow the user will

    receive updates on his inbox every time one of

    the creatives or agencies adds something to their

    portfolio.

    9.0 Add to collectionThe user can choose to add a creative/agency to

    his collection by tapping on this button.

    10.0 Message buttonTo send a message to the creative/agency the

    user can tap on the button and he will be

    redirected to his Inbox, where he can write the

    message.

    All Projects

    In this area are displayed all the projects from the

    creative/agency.

    11.0 Project titleName of the project

    12.0 Project pictureImage of the project. Its also a button that takes the user to the project page.

    13.0 Project fieldsFields in which project is included.

    14.0 Add to collectionThe user can choose to add a project to his

    collection by tapping on this button.

    15.0 Project appreciationsNumber of appreciations of the project.

    16.0 Project viewsNumber of views of the project.

  • 11

    Document: Wireframes

    Last Edited: 8/13/2012 Author:

    Projects

    Page Notes

    The

    latest

    people

    The

    latest

    projects Search XInbox

    Fields: Art Direction, Graphic Design, Typography

    HandMadeFont

    Author: John Smith

    Add to Collection

    Projects

    Project page

    In this page the user can visualize a specific project. He can

    see and have access to the author or he can choose to add

    the project to his collection.

    1.0 Image galleryIn this area there will be displayed an image gallery of the

    project. There will be two images on the screen at the same

    time.

    2.0 Image The user can tap on an image from the gallery in order to see

    it full screen. (page 13)

    3.0 Image gallery scrollTo see more images from the gallery the user needs to tap

    and pull.

    4.0 Project imageImage of the project. To see full screen the user has t tap on

    the iamge. (page 13)

    5.0 MoreTo see the rest of the project the user has to...