-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
260 lines (221 loc) · 15.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<!--
Written and built by Paul Boag.
Released under Creative Commons license (http://creativecommons.org/licenses/by-nc/3.0/).
For more details visit: http://boagworld.com/business-strategy/kick-off/
-->
<html>
<head>
<title>Kickoff Agenda Generator</title>
<!--CSS-->
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link href='http://fonts.googleapis.com/css?family=Allerta' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
</head>
<body>
<h1>Kickoff Meeting Agenda for...</h1>
<ul id="content">
<li>
<h2>Consultation phase</h2>
<p><strong>The consultancy phase is where we come to understand your organisation better and a strategic direction can be established. In the kickoff meeting we will need to collect a variety of information that will inform how we approach your project.</strong></p>
<ul>
<li>
<h3>Business objectives</h3>
<p> What does your organisation wish to achieve from this project? This list of objectives will need prioritising so that they can be used to inform the decision making process. </p>
</li>
<li>
<h3>Measurable success criteria</h3>
<p> Business objectives need to be transformed into <a href="http://boagworld.com/business-strategy/success-criteria/">measurable success criteria</a>. E.g. an objective to increase sales could become a measure of success that specifies a 20% increase in repeat orders within 6 months. Without measurable goals it is difficult to know whether the project has generated a return on investment.</p>
</li>
<li>
<h3>Calls to action</h3>
<p>We we have our success criteria these need associated <a href="http://boagworld.com/design/10-techniques-for-an-effective-call-to-action/">calls to action</a>. These are the things that we want users to actively do in order to measure success. </p>
</li>
<li>
<h3>Target audience</h3>
<p>To motivate users into taking action, we need to understand those users better. A clear, prioritised list of user groups needs to be established and everybody should have a solid grasp of who these people are. </p>
</li>
<li>
<h3>User goals</h3>
<p> Each user group will want to achieve different things from your site. The kickoff meeting should establish what those things are or schedule testing early on to clarify user requirements. </p>
</li>
<li>
<h3>Stakeholder interviews</h3>
<p> <a href="http://boagworld.com/business-strategy/stakeholder-interviews/">Stakeholder interviews</a> are a useful way of gaining valuable feedback and giving a sense of inclusion in a project. The kickoff meeting should establish when the stakeholder interviews will take place and with whom. </p>
</li>
<li>
<h3>Competitor analysis</h3>
<p> A list of competitors needs to be decided for review as part of the competitor analysis. A decision also needs to be made regarding the criteria are going to be examined within the available time. </p>
</li>
<li>
<h3>Analytics analysis</h3>
<p> A list of sources need to established for the analytical review (e.g. Google Analytics) and access needs to be arranged. </p>
</li>
<li>
<h3>List consultation deliverables</h3>
<p> The list of deliverables for the consultancy stage needs to be reviewed and a brief explanation of each deliverable provided. </p>
</li>
</ul>
</li>
<li>
<h2>Design</h2>
<p><strong>Design focuses on the site's aesthetic look and feel. This is separate from discussions on content and site structure. Design tends to be a subjective discussion so it is important we establish a clear direction as soon as possible.</strong></p>
<ul>
<li>
<h3>Our approach to design</h3>
<p> Everybody is a design critic. That is why we have developed a specific approach to the production of simple and engaging design. In this introduction we will explain <a href="http://boagworld.com/design/working-with-web-designers/">how design is produced</a>, <a href="http://boagworld.com/business-strategy/the-role-of-the-website-owner/">the role of the client</a>, our use of <a href="http://boagworld.com/design/design-testing/">design testing</a> and why we like to keep the number of people involved in design signoff small. </p>
</li>
<li>
<h3>Design assets</h3>
<p> We will discuss what brand guidelines already exist (typography, colour palettes and logos) and whether these will need <a href="http://24ways.org/2006/cheating-color">adjusting to work on the web</a>. </p>
</li>
<li>
<h3>Other examples of brand design</h3>
<p> We will review other examples of design that may in someway relate to the project. This may include print material, advertising campaigns or other online work. </p>
</li>
<li>
<h3>Use of imagery</h3>
<p> The use of imagery is a key design component. We will discuss what existing imagery already exists and where new imagery will be sourced. We will also discuss <a href="http://boagworld.com/design/stock-photography/">different approaches to imagery</a> to best engage the user. </p>
</li>
<li>
<h3>Inspiration</h3>
<p> We will bring examples of <a href="http://emberapp.com/boagworld">design elements that could inspire</a> the project's direction. We can then discuss these as a group to help spark discussion about the direction of design on the project. </p>
</li>
<li>
<h3>Personality</h3>
<p> We will discuss the <a href="http://boagworld.com/marketing/be-yourself/">personality the design should project</a> to users. Should it be young and trendy or older and conservative? If your organisation was a famous person which famous person would it be? These kinds of questions prompt the direction of the design. </p>
</li>
<li>
<h3>Design deliverables</h3>
<p> We will establish what elements will be included in the design sign off process. This may include <a href="http://boagworld.com/design/mood/">moodboards</a>, <a href="http://boagworld.com/design/the-7-wonders-of-wireframes/">wireframes</a>, and design comps. We will also establish which key pages we wish to mockup before entering the main build phase. </p>
</li>
</ul>
</li>
<li>
<h2>Content</h2>
<p><strong>Content discussions are probably the most important part of the kick-off meeting. This is where we establish what content and features the site will include and how the project will structurally fit together.</strong></p>
<ul>
<li>
<h3>Initial IA exploration</h3>
<p> As part of the collaborative approach we like to adopt, we find it is helpful to have an initial discussion about information archiecture. We will take you through a series of exercises to establish what the top-level sections of your site could be. </p>
</li>
<li>
<h3>Wireframe key pages</h3>
<p> If time allows, <a href="http://boagworld.com/design/the-7-wonders-of-wireframes/">wireframing key pages</a> gives us a great head start on a project and gets everybody working together. Out comes pen and paper, and we start sketching out how key pages might work. </p>
</li>
<li>
<h3>Discuss strategy for content</h3>
<p> Pulling together content for a web project can be time consuming and difficult. Maintaining that content over time is even harder. In this section we will talk about some of the <a href="http://boagworld.com/technology/10-problems-your-content-management-system-will-not-solve-and-how-to-overcome-them/">challenges surrounding content</a> and things you will need to consider. </p>
</li>
<li>
<h3>Discuss related social media elements</h3>
<p> Content doesn't stop at the website anymore. Twitter, facebook, youtube, linkedin... all of these components are as much a part of your online brand as your website. In this section we discuss your broader strategy and how this may impact the project. </p>
</li>
<li>
<h3>Content deliverables</h3>
<p> We conclude our content section by discussing deliverables. Who is doing what from a content perspective and by when? This relates to our deliverables but also what we need from you. Unfortunately a great web project cannot have content dropped in at the last minute.</p>
</li>
</ul>
</li>
<li>
<h2>Front end build</h2>
<p><strong>The design is signed off but that is the tip of the iceberg. There are many templates to implement as well as error messages, modules and much more. In this section we get down to the nitty gritty of your web project.</strong></p>
<ul>
<li>
<h3>Progressive enhancement explained</h3>
<p> In order to make sure your website works for as many people as possible we use a technique called <a href="http://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>. In this section we explain what it is and why although more people will have access to your website they might see slightly different things. </p>
</li>
<li>
<h3>Identify interactive features</h3>
<p> Every project has its surprises. Those little oddities that are trickier than you first think. It might be an interactive map or an entire web application. In this section we seek out those non-text page elements and make sure we have defined them properly.</p>
</li>
<li>
<h3>Accessibility policy</h3>
<p> Accessibility isn't just about meeting the needs of the disabled or ticking check boxes. Its about <a href="http://boagworld.com/marketing/i-dont-get-seo/">SEO</a>, <a href="http://boagworld.com/usability/content-is-dead-long-live-context/">mobile devices</a> and so much more. In this section we will discuss everything from WAI guidelines to site validation and what is right for you. </p>
</li>
<li>
<h3>Approach to mobile</h3>
<p> With <a href="http://boagworld.com/business-strategy/why-mobile-matters/">mobile access to the web set to pass desktop by 2014</a>, it is important to take mobile seriously. However, there are many <a href="http://boagworld.com/technology/making-mobile-mistakes/">different approaches to it</a>. In this section we discuss mobile access and what we are going to do for your web project. </p>
</li>
<li>
<h3>Browser testing platforms</h3>
<p> So many browsers so little time! Testing and bug fixing your web project on browsers is time consuming and expensive. That is why we sit down with you and confirm which testing setup most suits you to maximise your ROI. Having access to your browser usage stats would be really helpful for this section. </p>
</li>
<li>
<h3>Discuss IE support</h3>
<p> Internet explorer presents some unique challenges to your web project that we will explain in this section. We will discuss the best approach for your project and why sometimes giving IE users their own unique experience can be the way forward. </p>
</li>
<li>
<h3>Javascript reliance</h3>
<p> Javascript allows us to do some pretty incredible things for your website but what about users who don't have Javascript enabled? In this section we decide on how we are going to handle this user group. </p>
</li>
<li>
<h3>List of templates to produce</h3>
<p> Last but by no means least we need to establish a final set of HTML/CSS/Javascript deliverables for the project. How many templates will we build and what functionality will they offer? This all needs hammering out before we start work.</p>
</li>
</ul>
</li>
<li>
<h2>Development</h2>
<p><strong>Our web project might look great and have stunning content but we need to talk tech too. There are lots of questions about the underlying technology that need to be decided.</strong></p>
<ul>
<li>
<h3>System integration</h3>
<p> Does your web project rely on integrating with another database or legacy system? Is some content that you want to use trapped in an existing form that needs converting? Lets confirm the details now so we can get things working smoothly. </p>
</li>
<li>
<h3>Platform restraints</h3>
<p> If we are not sorting out the hosting for you then we are going to need to know about your hosting environment. You don't want us building the entire project just to discover it won't run on your server! </p>
</li>
<li>
<h3>Front end functional spec</h3>
<p> When it comes to the interactive elements in your web project the devil is in the detail. Let's try and nail as much of that detail on how things work as possible while we are all together. </p>
</li>
<li>
<h3>Admin functional spec</h3>
<p> A great web project is about more than what the user experiences. Its also about the admin functionality behind the scenes. We need to understand what functionality you require to run things as smoothly as possible. </p>
</li>
<li>
<h3>Reporting</h3>
<p> Do you need any reporting on your web project? Does it need to generate an excel report? Does it need to play nicely with Google Analytics? Lets work out the reports you need to track the data you require.</p>
</li>
</ul>
</li>
<li>
<h2>Project management</h2>
<p><strong>Nobody likes to think about project management but without it projects becoming frustrating really fast. Our final section of the day nails the what, when, who and how of your project.</strong></p>
<ul>
<li>
<h3>Timescales</h3>
<p> Lets talk timelines. Now is the time for an honest discussion about what can be practically achieved when. If you need to show progress internally now is the time to tell us. If you have a hard deadline we need to know. </p>
</li>
<li>
<h3>Key point of contact</h3>
<p>Hopefully we haven't got to this stage in the day without doing introductions. However, now is the time to establish who we need to speak to about what within your organisation. In particular we need the primary point of contact and who will have the power of sign-off. Are there any bigwigs in the organisation we need to impress?</p>
</li>
<li>
<h3>Usability testing</h3>
<p> Usability testing lies at the heart of our approach. After all if users are happy then everybody wins. We would like to discuss some ways we can weave usability testing into your project even if budgets are limited and timescales are tight. <a href="http://boagworld.com/usability/testing-tools/">It's amazing what is possible</a>. </p>
</li>
<li>
<h3>Dependancy and risks</h3>
<p> As the kick-off draws to a close its time to flag any concerns anybody has about the project. What are the risks? What does success depend upon?</p>
</li>
</ul>
</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="js/agenda.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22694410-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>