1. I would love to hear your
feedback about these two
prototype site designs
Prototype Sites
• kkammopenideo.businesscatalyst.com
• kpkopenideo.businesscatalyst.com
2. Table of Contents
1. Content for Social Media + Print- Based on fictional design brief
- Ideation - My Process - Insights
- Content - Images + Instagram
- Content - Poster Design
2. User Engagement Strategy
- Understand the current user experience
- User experience map
- Competitive analysis of best practices
- Identify Opportunity Areas
- Activate communities network - Network effect
- Continued engagement strategy
- Engage participants from developing world
3. Experience Design
- Ideation
- Existing platform - architecture, flow, user interaction
- New platform - user interaction, navigation, design
- Wireframe - Active challenge page through individual challenge details
- Design Intention
- Interface Design
3. Productive Procrastination
I stared brainstorming
ideas for this project with
some productive
procrastination.
Insights:
What is the physical feeling of connection and inclusion? Are
these universal (worldwide) human experiences needs?
Sketching to get the creative
juices flowing. Followed by
some ideation around
connection and inclusion.
8. User Engagement Strategy
Step 3: Draw Insights
CHALLENGE
How Might We Increase Community Engagement?
Step 2: Understand the Current User Experience
Step 4: Develop Plan
Step 5: Test and Iterate
Step 1: Understand the context
Competitive analysis - what is working for them?
process of development
9. = open sourced solutions to global problems
How might OpenIDEO increase user engagement?
• Who else is operating in the field of open sourced user
engagement?
• What are they doing well?
• How can OpenIDEO learn from them?
“Crowdsourcing is all about
investment. Whether it is time or
money you want to feel that your
are getting something in return”
Competitive Analysis
Competitive Analysis Synopsis ( for full analysis get in contact)
Delver these experiences to users
• Rewards based on engagement - AirBnb
• Best tactics ‘how to compose a great Idea’ - Kickstarter
• Activate social networks - Kickstarter + Kiva
• Success Metrics - Project engagement + individual
engagement (already good) - All of them
• Validate input of time and effort - Samahope
Guiding Questions
Findings
10. User Experience Map
Participate
Read challenges
Read ideas
Sign up
Like ideas
Comment on ideas
Discovery
Friends
Work
Social Media
Foundation
Ideo
Learn
Read
Learn
Evaluate
Vote
Comment
Tune out
Judge
• Want to still feel engaged and that they're ideas and
time have gone some where
• Disengage because they have no one commenting
on their ideas or that they're ideas aren't winners
• Disenfranchised because they don't see the value of
their investment
Disenage
Check back in to observe
(if they aren’t winners)
Current Experience
• People believe that they can make a difference
• Feel empowered by experience, creativity + have ideas
• Are inspired by other peoples ideas and share their
inspiration
• Get creative in the manner they communicate their ideas
• People get inspired to contribute to
discussion
• People see the challenges read
about the process and comment
12. Inspire Empower Validate
Crowd sourcing innovation Crowd sourcing solution Crowd sourcing implementation
Opportunity to maintain community engagement
Opportunities + Insights
Activate
how might we deliver there experiences to participants?
13. Quantitative Goal
How might we Increase
community engagement
numbers?
User Engagement Strategy
Qualitative Goal
How might we inspire,
empower, activate and
validate OpenIDEO members?
14. 1. Inspire and empower community members to engage in challenges
- Remove barriers to entry and empower community members to contribute their ideas
- Create a one page business plan approach to idea submission
- Incorporate a how to or success metric recommendation guid for idea presentation see Kiva,,
Kickstarter
- Highlight importance of thumbnail photo
- Provide creative tool in idea submission framework such as diagram marketing tools or img
requirements
2. Activate existing community members to tap into their network
- Activate existing community members networks
- Add shared buttons to idea posting so that community members can share their contribution with
their social networks and become their own marketing departments
3. inspire continued engagement through the lifespan of the challenge
- inspire engagement in process beyond initial contribution - goal validate contributors time and inspire
them to remain part of the solution
- Calls to action to vote and participate in the progress of others ideas
- Reward systems for active community members see air bob
- Status based reward not base on success of ideas but on participation in process
- Reward with featured posting waited voting and or openideo advisor community
4. Reach the developing world - mobile compatibility!!
Actions
User Engagement Strategy
15. Experience Design
Goal: Streamline access to important
information + Streamline rout
to engagement
existingsiteanalysis
What information does the user need to get in spired
and get involved?
• Focus on call to action - What gives users a stake
in the problem?
Branding Ideas: Focus on Circles - O - for OpenIDEO
• Bring circular design to the entire page
• Circle configuration as the brans Identifier for
OpenIDEO site
Guiding Questions
Ideas
16. Design Process - Navigation
Time line = Navigation + Orientation
Ideas
• Segmented day progression
• Colors
• Icons use
• Vertical - Save space
• How to incorporate circular
design elements
• compass - clock
Existing timeline good
Does it need changing?
17. Design Process - O in OpenIDEO
Initial design ideas
Circular design elements to
replicate the O in OpenIDEO
18. Design Process - O in OpenIDEO
Initial design ideas
Circular design elements to
replicate the O in OpenIDEO
ChallengePageChallengebriefpage
19. Design Process - O in OpenIDEO
Initial design ideas
Circular design elements to
replicate the O in OpenIDEO
Icons used to navigate challenge information
Animation on circle
20. Design Process - O in OpenIDEO
Initial design ideas
Circular design elements to
replicate the O in OpenIDEO
Proposed Animation
23. Challenge Page - Alternative layout
• Circular design elements
• Weighted / highlighted contributions
• base on participants activity
Slideshow photo’s overlaid with participation metrics
• Number of ideas submitted, Number of likes,
Number of comments
• Countries participating
Submitted Ideas - Alternative layout
Page Design - Wireframes
25. Home Challenges
Inclusivity Challenge
Project
Brief
OpenIdeo
Process
Focus
Areas
Evaluation
Criteria
Winning
Project Description Page
- Invitation to join
- Submitted Projects
- Icons linking to information about specific
projects
Project thumbnail and
description broken up
by phase project is in.
- top row are the projects in
Idea phase indicated by
placement at top of page
and color
Home Challenges
Inclusivity ChallengeProject
Description
Page
Information
page
Copy heavy
Link to information
hidden in copy on this
page making
navigation difficult
Existing Navigation Proposed Navigation
Wire Frames - User Flow
Streamline access to
important information
+ Streamline rout to
engagement
27. I would love to hear your
feedback about these two
prototype site designs
Interface Designs
• kkammopenideo.businesscatalyst.com
• kpkopenideo.businesscatalyst.com