View
230
Download
3
Tags:
Embed Size (px)
DESCRIPTION
Behance Mobile Strategy - iPad App
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