Tweet
Tweet

Slide 1

Slide 1 text

PROJECT MANAGEMENT Simon Collison Business of Web Design Online Conference 17th August 2010 http://www.slideshare.net/collylogic/presentations

Slide 2

Slide 2 text

Everybody does it differently. This is my way.

Slide 3

Slide 3 text

Choosing projects

Slide 4

Slide 4 text

• Instinct and warning signs • Timescales and phases • Budgets • Payment structures • Analysing anomalies • Third parties • Willingness to take bold steps • Flexibility • Personalities and experience

Slide 5

Slide 5 text

Contracts and finances

Slide 6

Slide 6 text

• Issuing contracts • Payment staging • Insurance • Variation notices • Adjusting budgets

Slide 7

Slide 7 text

Client documents

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

• The original RFP, project sheet or brief • Sitemaps, wireframes, mind maps • Spreadsheets and flowcharts • Pre-prepared content • Brand guidelines • Images, downloads and other assets

Slide 10

Slide 10 text

Specification document

Slide 11

Slide 11 text

Timescales and deadlines

Slide 12

Slide 12 text

• Dictating the schedule • Adding contingency • Ability to move milestones • Resources across all projects

Slide 13

Slide 13 text

Meetings and communication

Slide 14

Slide 14 text

• In person • Set-up meetings and workshops • Skype and telephone • Email • Basecamp and other apps

Slide 15

Slide 15 text

http://basecamphq.com/

Slide 16

Slide 16 text

http://erskinelabs.com/post/project-management-is-easy/

Slide 17

Slide 17 text

http://erskinelabs.com/post/project-management-is-easy/

Slide 18

Slide 18 text

http://erskinelabs.com/post/project-management-is-easy/

Slide 19

Slide 19 text

Goal-directed design

Slide 20

Slide 20 text

• Immovable constants • Project backbone • Engaging with the client

Slide 21

Slide 21 text

Collaboration

Slide 22

Slide 22 text

• The creative team • The creative team & the client • The creative team, the client & the audience

Slide 23

Slide 23 text

Audience

Slide 24

Slide 24 text

• Accountability • User cases • Audience grouping • Audience hierarchies • Tools and techniques

Slide 25

Slide 25 text

Environment Experience Others Me Instruction Interaction

Slide 26

Slide 26 text

Understanding Control Outcome

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

http://www.logovisual.com

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Features versus Requirements

Slide 33

Slide 33 text

Methodology

Slide 34

Slide 34 text

• Waterfall • Agile • Sprint • Freestylin’

Slide 35

Slide 35 text

Waterfall Research, process, build, test, launch, pub.

Slide 36

Slide 36 text

Agile Research, process, build, test, launch, pub. Learn, repeat, relaunch, pub. Learn, repeat, relaunch...

Slide 37

Slide 37 text

Sprint Pub, build, test, launch, pub. Nervous breakdown.

Slide 38

Slide 38 text

Roadmap

Slide 39

Slide 39 text

Content

Slide 40

Slide 40 text

• Content audit • Content strategy • Client guidance • Rules and suggestions

Slide 41

Slide 41 text

Web writing is... Good writing adapted to the limits of the web as a medium and the needs of users.

Slide 42

Slide 42 text

Reflected and Projected Light Reading on paper, we see light reflected off paper Computers do not reflect light, they project it. Thus light is shooting into our eyes, rather than gently reflecting. As a result, we are not reading in the way we learned... ... we get tired faster.

Slide 43

Slide 43 text

Other limits... People read about 25% slower on screen. Attention span. It is said that users have time to read at most 28% of the words during an average visit; 20% ismore likely. Scanning. Higher-literacy users are much more likely to scan text on websites than read it in detail. Findability. Numerous alternative sources of information

Slide 44

Slide 44 text

User needs... Trust in the the website and information source. Brevity and swift delivery of information Retrieval of key facts and information very quickly. Understanding the context of the page and website. Looking for calls to action or next steps. Email, print or respond to information immediately.

Slide 45

Slide 45 text

How a visitor decides... 1. Scan the headlines to see what the content is about. 2. Look at the pictures to see what the content is about. 3. If the pictures are compelling, read the captions. 4. If the headlines, pictures, and captions are compelling, read the rest of the copy—if they have time.

Slide 46

Slide 46 text

Trust and credibility... Domain name, branding and design. Links - verification through inbound and outbound links. Sources - evidence of findings. Volume - the more you write... Voice - what are you writing about, and who is it for? Duration - match length to intended audience and subject. Credits - about the author and their experience.

Slide 47

Slide 47 text

Voice... Your character and nuances of you personality show up in... • the words you choose • the grammatical choices you make • the phrasing you choose Ensure your style matches your subject matter. The best writers manage to express their voice or personality across whatever writing style they engage in.

Slide 48

Slide 48 text

Techniques... Relevance, Titles and Headings Blurbs Pull quotes Icons, drop-caps and images Descriptions Linkage and Sources Lists Summarise

Slide 49

Slide 49 text

Body copy... • Does the copy get to the point quickly? • Is the copy shy about the subject? • Is it easy to respond to? • Does the copy overcome every objection to replying, leaving the reader with no choice but to act? • Does the copy use simple words? • Does the copy use active language (does it address the site visitor as ‘you’)? • Is the copy broken down into simple sections and bullet points?

Slide 50

Slide 50 text

True? • Website content is internally rather than publicly focused? • Much of it is copy/pasted from paper and press releases? • Too many buzzwords, too much jargon and multi-syllable phrasing? • Too little exploitation of the publishing tools available? • Not enough organisational pride in publishing the website? • No shared voice, tone or approach? • Not enough proofreading or drafting?

Slide 51

Slide 51 text

Cause Related Marketing CFCs (chlorofluorocarbons ) Child Labour Clean Development Mechanism Climate Change CO2 (Carbon Dioxide) Community Corporate Citizenship Corporate Governance Corporate Responsibility (CR) Corporate Responsibility Index Corporate Social Responsibility Digital Divide (digital inclusion) Diversity Dow Jones Sustainability Indices (DJSI) Globalisation Green electricity Human Rights Impact areas Marketplace Millennium Development Goals NGO Not-for-profit Off-Set Agreement Philanthropy Recycle Renewable Energy Reputation Assurance Responsible business Shareholder Influence Social Accountability 8000 (SA8000) Social Audit Social capital Social Enterprise Social Exclusion Social Firm Social Inclusion Social Investment BITC, CR, CSR, 8000, NGO, SRI, SORI, EHS, EMAS, DJSI, APPG, AA1000 etc Triple bottom line Venture Philanthropy Global compact Equator principles Etc...

Slide 52

Slide 52 text

The Business Action on Economic Renewal Leadership Team guides Business in the Community's work on regeneration and economic renewal.

Slide 53

Slide 53 text

What should boards do to ensure companies behave responsibly, and why? Both corporate responsibility and corporate governance have climbed the corporate agenda in recent years. But there has been little consideration of how these two areas interrelate or about the specific board contribution to corporate responsibility. Both the Combined Code on Corporate Governance and the new Company Law Reform Bill give directors duties related to corporate responsibility. This report outlines the challenge boards face in fulfilling them, and the actions they can take in order to do so.

Slide 54

Slide 54 text

Narrative

Slide 55

Slide 55 text

• A single design direction • In tandem with Basecamp • Signals not noise • Demonstrating a clear direction • Dedicated staging area

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

Creativity

Slide 58

Slide 58 text

• Fast, confident design and build sessions • Organic collaborative process • Scrapbooking, moodboards and other tools • Physical project space

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

Conventions

Slide 61

Slide 61 text

• Quality control • Team conventions • Benefits of convention • A reusable package

Slide 62

Slide 62 text

A base layer of rules and conventions that act as starting points for HTML, CSS, JavaScript and CMS for all projects.

Slide 63

Slide 63 text

• Basic HTML files & naming conventions • PHP for basic templates prior to CMS integration. • CSS: Stylesheets, IE-specific, reset, scratch files etc. • JavaScript: jQuery, onload triggers, transparency support • Other Assets such as folders for images, Flash etc.

Slide 64

Slide 64 text

A bumper compendium of cascading CSS files, naming conventions, modules, plugins and scripts that ensure any project will stay on convention, and be simple for anyone to step into and work with at any time.

Slide 65

Slide 65 text

• Allows better collaboration within the team; the designer can jump into the developer’s code and vice-versa. • Anyone who hasn’t even worked on a certain project can jump in and quickly solve problems because everything is on convention. • Keeps output fresh and ensures use of best practices. • Establishes a thoroughly connected layer of base files allowing for swift CSS and JavaScript implementation and other assets. • Makes life easier for developers and designers... and anyone really • Helps maintain quality control

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

• Naming conventions • HTML & XHTML • HTML5 ? • JavaScript • jQuery & Libraries • PHP • Templating • Wireframing • IE6, IE7 & IE8 • Reset browser defaults • CSS Frameworks • Scratch files • Mobile & Handheld • Print stylesheets • PNG support • Flash and SWF • Image folders • Content Management

Slide 68

Slide 68 text

Communicating your design

Slide 69

Slide 69 text

• Sketching • Prototyping • Designing in the browser • Explanations and context

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

Feedback

Slide 80

Slide 80 text

• The working prototype • Soft-launch • Gauging user feedback • Private testing • Iterating the prototype

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

Sign-off

Slide 83

Slide 83 text

• Establishing sign-off points • Personal discussion • Tools and apps • Training and documentation • Testing

Slide 84

Slide 84 text

http://getsignoff.com/

Slide 85

Slide 85 text

Launch

Slide 86

Slide 86 text

• Preparing all parties • Checklists and procedures • Something isn’t right • When to delay • Your commitments

Slide 87

Slide 87 text

Post-launch

Slide 88

Slide 88 text

• Bug fixing, feature requests and support • Evaluation • Documentation and promotion • Subsequent phases • Costed phases, quick features, retainers • Keeping the relationship sweet

Slide 89

Slide 89 text

Thanks Simon Collison http://colly.com @simoncollison http://slideshare.net/collylogic