Content +
product
today.
Jacek Grebski
partner, SWARM
Who am I?
a digital product studio
product
Product Process
Process: Discovery
Discovery is about understanding what we’re
building, why we’re building it and who we’re
building it for.
This is undeniably the most important part of
the entire product creation process, because
when we finish discovery, we will have a feature
and conceptually complete software
application.
• Descriptive text
• Email
• password (one time only)
• TOS link
System Selected (based on the
system in the selected chat)
• Gamer tag input
• Alternative systems input
Submit Cancel
Return to previous
screen, logged-in
Return to previous
screen
REGISTER
Process: Information Architecture (IA)
Information Architecture (IA) defines the
software’s hierarchy and establishes in a clear
document all the app’s moving parts.
We like to think of it as the product blueprint,
and just like a you wouldn’t build a high-rise
without one, an app shouldn’t be built
without it either.
Sample IA Element
Low Fidelity Wireframe
Next, we create wireframes from the
information architecture and create a skeletal
framework of the application. It covers the
general layout of the app, and defines any
human / device interactions that will need to
be incorporated into the application.
Wireframes help us run through the IA, and
make any adjustments to the product before
we go into the design and engineering.
All wireframes are shared through InVision, a
remotely accessible prototype tool.
Process: User Experience Design
Visual Design Mockup
Process: User Interaction Design
We work closely with you and your design
team to ensure that the User Interface / Visual
Design embodies your brand and defines
interaction and feedback mechanisms that
support the application’s use.
All UI designs are shared through InVision.
On completion we export all designs using
Zeplin.io, creating production ready assets
letting our developers understand how to
interpret and integrate the files.
Engineering is planned around two-week
sprints, beginning with a plan that identifies
the tasks targeted for execution during the
sprint.
This helps prevent bottlenecks, ensures that
deliverables are well managed, and allows us
to make any needed adjustments to the
product as it comes together.
We also often work alongside in-house
development teams.
Process: Engineering
Su M T W T F Sa
why product?
More Value, Choice, Engagement, Data
why data?
how do we
use data?
Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers
Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers
Data is amazing.
Joe
AmyTim
Football
Healthy
Living
Nachos
Kale
Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers
Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers
More Marketing w/ data
More Marketing w/ data
More Marketing: Retargeting
tv
/ video
Interactive Advertising Bureau:
founded in 1996
creates standards for ads
VAST (Video Ad Serving Templates)
VMAP (Video Multiple Ad Playlist)
changing
unbundling of set top boxes digital
content delivery targeted video ads
tangible metrics and clear ROIs
second screen engagement.
User Product Data Campaign
Goal
questions?
http://swarmnyc.com
@swarmnyc / @jgrebski
Jacek Grebski

NYU Talk

  • 1.
  • 2.
  • 3.
  • 4.
  • 6.
  • 7.
    Process: Discovery Discovery isabout understanding what we’re building, why we’re building it and who we’re building it for. This is undeniably the most important part of the entire product creation process, because when we finish discovery, we will have a feature and conceptually complete software application.
  • 8.
    • Descriptive text •Email • password (one time only) • TOS link System Selected (based on the system in the selected chat) • Gamer tag input • Alternative systems input Submit Cancel Return to previous screen, logged-in Return to previous screen REGISTER Process: Information Architecture (IA) Information Architecture (IA) defines the software’s hierarchy and establishes in a clear document all the app’s moving parts. We like to think of it as the product blueprint, and just like a you wouldn’t build a high-rise without one, an app shouldn’t be built without it either. Sample IA Element
  • 9.
    Low Fidelity Wireframe Next,we create wireframes from the information architecture and create a skeletal framework of the application. It covers the general layout of the app, and defines any human / device interactions that will need to be incorporated into the application. Wireframes help us run through the IA, and make any adjustments to the product before we go into the design and engineering. All wireframes are shared through InVision, a remotely accessible prototype tool. Process: User Experience Design
  • 10.
    Visual Design Mockup Process:User Interaction Design We work closely with you and your design team to ensure that the User Interface / Visual Design embodies your brand and defines interaction and feedback mechanisms that support the application’s use. All UI designs are shared through InVision. On completion we export all designs using Zeplin.io, creating production ready assets letting our developers understand how to interpret and integrate the files.
  • 11.
    Engineering is plannedaround two-week sprints, beginning with a plan that identifies the tasks targeted for execution during the sprint. This helps prevent bottlenecks, ensures that deliverables are well managed, and allows us to make any needed adjustments to the product as it comes together. We also often work alongside in-house development teams. Process: Engineering Su M T W T F Sa
  • 12.
  • 13.
    More Value, Choice,Engagement, Data
  • 14.
  • 15.
  • 16.
    Tools: NLTK - naturallanguage tool kits Relationship Mapping Predictive Analysis Ad servers
  • 17.
    Tools: NLTK - naturallanguage tool kits Relationship Mapping Predictive Analysis Ad servers
  • 18.
  • 19.
    Tools: NLTK - naturallanguage tool kits Relationship Mapping Predictive Analysis Ad servers
  • 21.
    Tools: NLTK - naturallanguage tool kits Relationship Mapping Predictive Analysis Ad servers
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
    Interactive Advertising Bureau: foundedin 1996 creates standards for ads VAST (Video Ad Serving Templates) VMAP (Video Multiple Ad Playlist)
  • 27.
  • 28.
    unbundling of settop boxes digital content delivery targeted video ads tangible metrics and clear ROIs second screen engagement.
  • 29.
    User Product DataCampaign Goal
  • 30.