Uploaded byPeter Boersma
Design Processes For Web Projects
Peter Boersma outlines his extensive experience and approach to web project design, covering roles from senior interaction designer to user experience consultant. He emphasizes the importance of integrating user-centered design with business strategy, detailing methods for requirements gathering, design evaluation, and optimizing conversion rates. The document also highlights the necessity for continuous improvement and documentation of processes in the pursuit of effective design outcomes.
More Related Content
Similar to Design Processes For Web Projects
![Laminated_Springs[1]. Machine design practice](https://cdn.slidesharecdn.com/ss_thumbnails/laminatedsprings1-251116120255-2a3c06fb-thumbnail.jpg?width=640&height=640&fit=bounds)
Design Processes For Web Projects
- 1. Design Processes forWeb Projects Peter Boersma info . nl FULL SERVICE INTERNET AGENCY Fronteers.nl, January 11, Amsterdam
- 2. Peter Boersma (www.peterboersma.com)Senior Interaction Designer for Info.nl since February 2006. Responsible for the structure and interaction design of financial websites (banks, insurance, investments ), publishers websites (Reed, Kluwer, Dutch Yellow Pages) and interactive applications (MSN’s DaVinci Code game). Before that : 1988-1995: Information Ergonomics, a combination of computer science and cognitive ergonomics at Twente Universiteit in The Netherlands. 1995-2002: User interface designer, project manager, consultant User Understanding andconcept designer for General Design/Satama Amsterdam. Designed many interactive websites, some mobile applications, intranets, extranets, for banks (ABN AMRO), government agencies (VenW, SVB), startups (Airmiles) and older companies (Audi, VEH), partly in Finland (Nokia). 2002-2005: Senior Information Architect for EzGov, a company that builds transactional online applications based on its own software platform. Many tax-related sites for the English government, plus several for the Jamaican government. 2005-2006: Managing Partner and Consultant User Experience for the user experience collective User Intelligence. Projects for Delta Lloyd, Port of Rotterdam, Transavia.com, the Irish Yellow Pages and Elsevier Science.
- 3.
- 4.
- 5.
- 6.
- 7. UCD Theory RESEARCHEVALUATE DESIGN
- 8.
- 9. In theory, theoryand practice are the same. In practice, they are not. (Albert Einstein)
- 10.
- 11. Practice prototype testuser research launch pitch requirements RESEARCH EVALUATE DESIGN reviews estimate position document process review optimize scope trends roadmap scenarios promote quality teams
- 12. Practice prototype testuser research launch estimate position pitch document process review requirements optimize scope trends roadmap scenarios BUSINESS MANAGE STRATEGY RESEARCH EVALUATE DESIGN promote quality teams reviews
- 13. Practice MANAGE STRATEGYRESEARCH EVALUATE DESIGN BUSINESS
- 14.
- 15. Practice pitch BUSINESSoptimize
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. Practice pitch BUSINESSoptimize
- 23.
- 24. Practice position trendsroadmap scenarios STRATEGY
- 25.
- 26. Strategy: Positioning contentsales community Core brand Big Competitor 2 Client 2011 Competitor Big Competitor 1 Compe-titor Comptetitor comptetitor subbrand BrandX Client
- 27. Strategy: Scenarios AB or client.com subsite-X.client.com subsite-Y.client.com client.com
- 28.
- 29. Practice position trendsroadmap scenarios STRATEGY
- 30. Practice DESIGN RESEARCHEVALUATE
- 31. What deliverable isthis?
- 32.
- 33.
- 34.
- 35.
- 36. based on motivationsof real people with interactive modules to discover products and personalise settings with background info about products and processes aimed at conversion: selling relevant products in a transparent way Learn Play Buy Life Learn Play Buy Life
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. What deliverable isthis?
- 48. Practice DESIGN RESEARCHEVALUATE
- 49. Practice pitch optimizeBUSINESS
- 50. Business: Measure toOptimise Old online form - 1 step to fill out - 1 step to print - 1 thank-you page New online form - 1 step for customer Y/N - 4 steps to fill out the form - 1 step to print - 1 thank-you page 7.7% 20.3% conversion rate conversion rate
- 51. Business: Experiment toOptimise
- 52. Practice pitch optimizeBUSINESS
- 53. Practice estimate document process requirements scope MANAGE quality teams reviews
- 54.
- 55. Estimate: input/output Input(when available) Scope items Requirements Approach/process Team skills Experience with subject Experience with client Experience of client Output (when possible) Assumptions Calculations Explanations Risks
- 56. Estimate: output Assuming:- we will need about 10 wireframes - (5 complex, 5 medium) - and 15 reusable components (all medium) We calculate the interaction design: (5*16 + 5*12) + (15*12) = (80+60) + (180) = 320 hours Note: This includes reviews and rework. Risk: we don’t know who the developer is.
- 57. Manage: Focus inScope hard easy essential contribution Quick wins Maintenance Winners Quality improvements Pick just a few of these!
- 58. Manage: Requirements Format:<stakeholderX> wants/can <Y>
- 59.
- 60. Manage: Quality UseCases Test Scripts Issues Fixes Design & Implementation
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. Manage : reviewsCreate Deliver
- 67. Manage : reviewsCreate Deliver Edit
- 68. Manage : reviewsEdit Review Deliver Create
- 69. Manage : reviewsEdit Deliver Review Prepare Review Technical Review Team Review Client Review Project Review designer designer’s senior project lead team reviewers responsible for signoff
- 70. Manage : reviewsEdit Review Deliver Create
- 71. Manage : reviewsCreate Edit Project Approach Review Technical Approach Review Create Approach Review
- 72. Manage : reviewsEdit Review Deliver Create
- 73. Manage : reviewsCreate Edit Project Evaluation Technical Evaluation Review Deliver
- 74. Manage : reviewsEdit Review Deliver Approach Evaluate
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101. Document your UCDprocess Brainstorm to get all candidate deliverables Diagram deliverables and process Describe (selected) deliverables and input/outputs Present process to other departments Improve process Create templates for deliverables Write instructions around deliverables and process Improve process Promote your process Measure working with new deliverables en proces Review ad nauseam , improve continually
- 102. Practice estimate document process requirements scope MANAGE quality teams reviews
- 103. UCD Practice prototypetest user research launch estimate position pitch document process review requirements optimize scope trends roadmap scenarios BUSINESS MANAGE STRATEGY RESEARCH EVALUATE DESIGN promote
- 104. In theory, theoryand practice are the same. In practice, they are not. (Albert Einstein)
- 105. In practice, practiceand theory are different. In theory, we can change that. (Peter Boersma)
- 106.
- 107.
- 108.
- 109. make an impacton the business
- 110. link to strategyin your design decicions
- 111. document your workand work process
- 112.
- 113.
- 114.
- 115.
- 116.
- 117. Design Processes forWeb Projects Peter Boersma info . nl FULL SERVICE INTERNET AGENCY Fronteers.nl, January 11, Amsterdam