web strategy - thinking in pencil · information architecture ux ixd content development...
TRANSCRIPT
![Page 1: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/1.jpg)
.com
Web StrategyWhat i t is, why you should care & how Drupal can help
Jason Pamental | @jpamental
DrupalCamp | MA 2011
Friday, January 21, 2011
![Page 2: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/2.jpg)
.com
About me
✴ Jason Pamental Web Strategist, Designer, Technologist
✴ Have worked as strategist, designer, developer and cat-pixel-wrangler since roughly the launch of Netscape 1
✴ Have seen too many correlations between headless chickens and web projects
✴ Have made a career over the past 15+ years looking for connections, bridging gaps and reconfabulating widgets to use them in new ways to solve vexing problems
✴ Can be found @jpamental in most places
✴ Post thoughts, work and pics from Instagr.am @ thinkinginpencil.com
Friday, January 21, 2011
![Page 3: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/3.jpg)
.com
Write this down
✴ What we do as web professionals is awesome (and I don’t mean just cool)
✴ The web has the potential to be the single most pervasive & transformative development in the history of business
✴ But only if we learn enough about that organization to see how it can be applied
Friday, January 21, 2011
![Page 4: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/4.jpg)
.com
“I need to hire a web designer”
and why this is the worst possible thing to hear from a potential client
Friday, January 21, 2011
![Page 5: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/5.jpg)
.com
“I need to hire a web designer”
what they really mean is
because when they say
Friday, January 21, 2011
![Page 6: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/6.jpg)
.com
“I need a web solution”
Friday, January 21, 2011
![Page 7: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/7.jpg)
.com
The bad news first
✴ They probably don’t know what’s involved
business analysis discoverystakeholder interviews
requirements/needs analysis
user research
information architectureUX IxD
content development
prototyping
visual designHTML/CSS
development
testingdeployment social media integration
Friday, January 21, 2011
![Page 8: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/8.jpg)
.com
Here’s the good news
✴ They’re asking you for the solution
✴ You’re the expert – be one
✴ Communicate. Educate. Illuminate.
✴ An educated, engaged client is always a better client
Friday, January 21, 2011
![Page 9: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/9.jpg)
.com
This is where web strategy comes in
Friday, January 21, 2011
![Page 10: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/10.jpg)
.com
Web strategy: a definition
Web strategy is about using knowledge of your client’s business & your fresh perspective to find opportunities that transform your client’s business. It’s selecting the right technologies to solve problems & create opportunities by applying them with great design
Friday, January 21, 2011
![Page 11: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/11.jpg)
.com
Head of the tripod
✴ We’re not just designers or developers
✴ We’re consultants (sorry – wasn’t supposed to use profanity)
✴ We must understand our client’s business & see the things they can’t
✴ Use your knowledge of Drupal and its contributed modules to truly transform
✴ Don’t forget that your client is likely a user too
Friday, January 21, 2011
![Page 12: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/12.jpg)
.com
Why @ DrupalCamp?
✴ Because building a blog in Drupal is a waste of Drupal’s time
✴ There are over 7,000 projects on Drupal.org – and nearly 1,000 for Drupal 7 already!(2 Way Video Chat, Activity Stream, Google Buzz, Multivariate, Petition Node, Role Contact)
✴ Innovation & Inspiration work both ways:
✴ Study your client for opp’s (pain points) and look for modules to help
✴ Browse the modules directory - you’ll find amazing stuff that might set off some light bulbs for this or future projects
Friday, January 21, 2011
![Page 13: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/13.jpg)
.com
Plays Well With Others
✴ Drupal has incredible possibilities with just the contributed modules, but that’s just the beginning
✴ RSS+Feeds=Near limitless content sources
✴ Built with PHP and jQuery – don’t see what you need? Build it or buy it and integrate
✴ Services, LDAP, OAuth, FBConnect modules – examples of even greater interoperability with larger/more complex environments
Friday, January 21, 2011
![Page 14: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/14.jpg)
.com
Um, OK. How?
Friday, January 21, 2011
![Page 15: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/15.jpg)
.com
Get out of your silo
✴ Inspiration and innovation come from looking outward for a better view in
✴ Environmental/Wayfinding graphics, Transit maps – look everywhere & at everything
✴ Look at new ideas in business education and management (design thinking, motivation, psychology – see bibliography on last slide)
Friday, January 21, 2011
![Page 16: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/16.jpg)
.com
Why we should care
✴ Happier clients = better recommendations and more work
✴ Greater opportunities to do great work
✴ Progression in our field leading to greater acceptance/integration of web design and technology with Drupal throughout our clients'/employers' businesses
✴ (leads to more of points one & two)
Friday, January 21, 2011
![Page 17: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/17.jpg)
.com
Show Some Examples, you say?
Friday, January 21, 2011
![Page 18: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/18.jpg)
.com
Project: Sail Trade-in Program
✴ North Sails runs a yearly promotion called ‘Trade In/Trade Up’
✴ Involves direct mail, print ads, invoice stuffers, online promotion, receiving, fulfillment and accounting (for the rebates)
✴ Marketing, Sales, IT (data), Accounting(4 departments, 4 budgets, 4 execs)
Friday, January 21, 2011
![Page 19: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/19.jpg)
.com
Process Flow✴ Direct Mail/Email/Print & Online Ads drive traffic to
the web site
✴ Sales data uploaded by IT nightly
✴ Customers fill out form with information from their invoice and an email address
✴ Customer prints out rebate form/label & sends sail to fulfillment center
✴ Staff receive sail and log those 2 numbers to 'check-in' the sail (can be a partial fulfillment for a multi-sail order)
✴ On check-in, email is generated to Accounting notifying that a rebate is ready to issue
✴ Accounting logs in & prints a list of customers, data, amounts of eligible rebates & marks all as ready to send
Marketing:Print/online campaign
IT:Nightly data load
Customer: ship sail to receiving
Check-in notifies acct’ing
Accounting sends check
Friday, January 21, 2011
![Page 20: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/20.jpg)
.com
Outcomes
✴ Eliminated dozens of hours of labor every week
✴ Cut Rebate time from 8wks to 2wks or less
✴ Took ~3 days to build
✴ Has been reused for several years w/no re-coding
✴ All it took was some observation and a few good questions to discover the pain points and big opportunities for efficiencies
Friday, January 21, 2011
![Page 21: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/21.jpg)
.com
✴ Independent schools are a unique market segment – their sites need to work for education, community, marketing & fundraising
✴ Currently served by entrenched competitors that have dominated the market for over 10 years
✴ Newschoolyard was formed in 2010 with one thing in mind: market disruption
✴ Built on the Drupal platform with a tested and tuned set of contributed modules
newschoolyard
Friday, January 21, 2011
![Page 22: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/22.jpg)
.com
newschoolyard
✴ By focusing on a solid stack of proven technology, offers real value in areas like IA, Usability & Design and still costs a fraction of what the competition charges
✴ (and never run the risk of looking like a cookie-cutter)
Friday, January 21, 2011
![Page 23: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/23.jpg)
.com
newschoolyard
Friday, January 21, 2011
![Page 24: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/24.jpg)
.com
✴ Multiple roles: admins, athletics, faculty, parents, students, alumni, more
✴ Supports media, events, journals, workflows
✴ Does more than most schools need but can be extended for those that require it
✴ Solves edu/mktng/biz needs in one platform
✴ 4 sites live, 7 in the works and getting new inquiries daily
newschoolyard
Friday, January 21, 2011
![Page 25: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/25.jpg)
.com
Look, Think, PlanTHEN Do
✴ When starting a new project, don’t just listen to what they want to do. Figure out WHY
✴ Focus on understanding the problems, issues & challenges first
✴ Wide angle lenses see more. Be one – go in and see what people are doing, how they work, what takes their time
✴ Tackle one timesaver: get people a few hours back & measure the benefits: that opens the door for bigger opportunities
Friday, January 21, 2011
![Page 26: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/26.jpg)
.com
So what about you?
✴ Time permitting (checking watch...) let’s talk about your project
✴ Look around: what’s the opportunity? Look for things that take time, things that are oft-repeated, things that need sequenced participation from several parties
✴ Even just using core Drupal roles, actions, triggers and permissions you can build great communication tools and workflows.
Friday, January 21, 2011
![Page 27: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/27.jpg)
.com
Thank you!It’s been an honor to speak with you
Jason Pamental | @jpamental
DrupalCamp | MA 2011
Friday, January 21, 2011
![Page 28: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/28.jpg)
.com
Hello.
Awesome
I’m a web professional and I make
web strategy FTW
Been there, done that – buy the t-shirt: http://www.cafepress.com/thinkinginpencil
Friday, January 21, 2011
![Page 29: Web Strategy - Thinking in Pencil · information architecture UX IxD content development prototyping visual design HTML/CSS development testing deployment social media integration](https://reader036.vdocuments.us/reader036/viewer/2022071215/604609f3c91c206a02402d6e/html5/thumbnails/29.jpg)
.com
Suggested Reading
✴ The Design of Business (Roger Martin)
✴ Subject to Change (Peter Merholz, Todd Wilkens, Brandon Schauer, David Verba)
✴ DRiVE (Daniel Pink)
✴ Linchpin (Seth Godin)
✴ The Tipping Point (Malcolm Gladwell)
✴ MTIV (Hillman Curtis)
Friday, January 21, 2011