making ends meet
DESCRIPTION
My workshop session at Paris Web 2007 on how to communicate within a typical team, and also how to push a vision of Web quality forward.TRANSCRIPT
![Page 1: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/1.jpg)
Making Ends MeetBuilding beautiful, robust sites on best web practices
Stephanie TroethCloudRaker, Montréal/Amsterdam
Samedi 17 NovembreParis Web 2007
1Tuesday, November 20, 2007
![Page 2: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/2.jpg)
Problem:
In an every day context as professionals, we find ourselves in situations where we have to make choices about what we build.
2Tuesday, November 20, 2007
![Page 3: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/3.jpg)
How do we make sure that we and our team always know which decisions are better?
3Tuesday, November 20, 2007
![Page 4: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/4.jpg)
Today’s aims
1. Build a rational basis for our pursuit of best web practices in our day-to-day work.
2. Come up with ways to convince, persuade others around us that web quality is important.
3. Discuss practical methods to establish good web-building habits in the workplace.
4Tuesday, November 20, 2007
![Page 5: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/5.jpg)
1. Build a rational basis for our pursuit of best web practices in our day-to-day work.
5Tuesday, November 20, 2007
![Page 6: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/6.jpg)
The usual constraints•Too many team members on a project (too many
cooks)
•Too few team members on a project (not enough manpower)
•Team members have different skill levels
•Team members don’t have the same outlook, whether because of vocation or viewpoint.
6Tuesday, November 20, 2007
![Page 7: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/7.jpg)
The usual constraints
•Project timeline
•Project budget
•Scope creep
•...
7Tuesday, November 20, 2007
![Page 8: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/8.jpg)
Aargh.
8Tuesday, November 20, 2007
![Page 9: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/9.jpg)
How do we ensure we know what to do while facing these daily constraints?
9Tuesday, November 20, 2007
![Page 10: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/10.jpg)
Let’s begin by learning how to rationalise to enable us to judge.
10Tuesday, November 20, 2007
![Page 11: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/11.jpg)
Why best web practices?
why?
Many of us already know the “what” and the “how”.But how well do we know
11Tuesday, November 20, 2007
![Page 12: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/12.jpg)
Group BrainstormIn your groups, list and discuss the following:
1. List top 5 common reasons why people believe we should follow best practices
2. What is your personal reason?
3. List top 5 common reasons why people don’t believe we should follow best practices
12Tuesday, November 20, 2007
![Page 13: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/13.jpg)
Group Brainstorm summary:“Why standards?”
•Search engine optimisation
•Common basis to work together (standards in the workplace)
•Not reinventing the wheel
•Accessibility / interoperability
•Ethical
13Tuesday, November 20, 2007
![Page 14: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/14.jpg)
•It’s THE way
•Code will be easy to re-use / refactor
•Code quicker to write
•Client asks for it (sometimes)
•Competition with other companies
•Good quality of work
Group Brainstorm summary:“Why standards?”
14Tuesday, November 20, 2007
![Page 15: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/15.jpg)
Group Brainstorm summary:“Personal reason for Web standards?”
•Good community support
•Code quality
•Proudness / pleasure/ fun of doing good work
•It’s a good challenge
15Tuesday, November 20, 2007
![Page 16: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/16.jpg)
•Having a reference compared to rest of community.
•Maximum number of people can see my site
Group Brainstorm summary:“Personal reason for Web standards?”
16Tuesday, November 20, 2007
![Page 17: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/17.jpg)
A few typical “whys”•It seems like a good idea.
•It makes sense.
•It saves money.
•It’s the way of the future.
•It’s a good bandwagon to jump on (a.k.a other people are doing it)
17Tuesday, November 20, 2007
![Page 18: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/18.jpg)
A few typical “why-nots”
•Training is expensive
•It’s not cost-effective
•It’s too difficult
18Tuesday, November 20, 2007
![Page 19: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/19.jpg)
The true goal
19Tuesday, November 20, 2007
![Page 20: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/20.jpg)
Web for everyone.
The true goal
19Tuesday, November 20, 2007
![Page 21: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/21.jpg)
Web for everyone.
Web on everything.
The true goal
19Tuesday, November 20, 2007
![Page 22: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/22.jpg)
Web for everyone.
Web on everything.
Web by everyone.
The true goal
19Tuesday, November 20, 2007
![Page 23: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/23.jpg)
2. Come up with ways to convince, persuade others around us that web quality is important.
20Tuesday, November 20, 2007
![Page 24: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/24.jpg)
How would these people talk to one another?
•Client
•Account manager
•Manager
•Producer
•...
•Information architect
•Usability specialist
•Designer
•Developer
•...
21Tuesday, November 20, 2007
![Page 25: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/25.jpg)
A couple of scenarios
Let’s examine possible conversations between:
•A developer and a designer
•A producer and team
22Tuesday, November 20, 2007
![Page 26: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/26.jpg)
Common issues between design and development
•Designer: “Here’s the PSD!”
•Design decisions: round corners, pixel-perfect, fixed screen size, non “standard” font for texts, different widths in PSDs, text of different length are not texted
•How do we go about communicating our constraints to designers?
23Tuesday, November 20, 2007
![Page 27: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/27.jpg)
Common issues between design and development
Developers can show we care about the design:
•Try to challenge and understand what designer is trying to achieve in order to negotiate “are all those three shadows necessary?”
•Show how we make their design come to life
24Tuesday, November 20, 2007
![Page 28: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/28.jpg)
[Right about this point we had a discussion of the different roles in the team, and talked about their different
responsibilities and realities.
We also talked about looking at who we can get on side (such as a decision maker) in order to be able to improve the work
process if we are not in a politically favourable position.]
25Tuesday, November 20, 2007
![Page 29: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/29.jpg)
3. Discuss practical methods to establish good web-building habits in the workplace.
26Tuesday, November 20, 2007
![Page 30: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/30.jpg)
Chicken and egg
•Having a quality vision or a quality production process?
•Having testable metrics or a quality production process?
•Quality vision or quality metrics?
27Tuesday, November 20, 2007
![Page 31: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/31.jpg)
How do we break the chain?
28Tuesday, November 20, 2007
![Page 32: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/32.jpg)
Discussion
1. In your professional environment, which “chicken and egg” issue applies to your team? Why?
2. Tell us, what is likely to work best in your professional context? And why?
29Tuesday, November 20, 2007
![Page 33: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/33.jpg)
First, a vision.
A vision of quality should rightly come before any process or techniques.
30Tuesday, November 20, 2007
![Page 34: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/34.jpg)
Use a vision of quality to give direction to your team in:
•what level of training all team members need
•what level of work is globally expected from them
•enable them to decide the right thing to do.
First, a vision.
31Tuesday, November 20, 2007
![Page 35: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/35.jpg)
Show how your team members can be proud of what they do, and enjoy the
challenges.
Give your teama sense of pride.
32Tuesday, November 20, 2007
![Page 36: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/36.jpg)
Defining quality
•Every role has their own definition of quality.
•Your quality definition for your team
•has to be generic enough so that it can be interpreted in each context
•specific enough so it contains a clear vision
33Tuesday, November 20, 2007
![Page 37: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/37.jpg)
An example of a quality vision
•accessible
•aesthetic
•usable
•measurable
•searchable
•interoperable
•relevant
•robust
•secure
•cost-effective
•scalable
•refactorable
90% of sites we produce should be
34Tuesday, November 20, 2007
![Page 38: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/38.jpg)
Some Suggestions
•Hire wisely (you won’t regret hiring the right people)
•Extend training and working with 3rd parties
•Respect all skills that your team members bring to the table
35Tuesday, November 20, 2007
![Page 39: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/39.jpg)
Conclusions•You begin doing good work by having a
good team and instilling good habits.
•A vision that provides a means of making correct judgement is more powerful than any dictatorial process
•Make your vision a belief system that your team can own themselves.
36Tuesday, November 20, 2007
![Page 40: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/40.jpg)
Once you get your team to believe in the same values, you would know how
you can improve your processes, techniques and methods together.
Conclusions
It’s always a work in progress.
37Tuesday, November 20, 2007
![Page 41: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/41.jpg)
Questions?(but we didn’t really get time for this)
38Tuesday, November 20, 2007
![Page 42: Making Ends Meet](https://reader034.vdocument.in/reader034/viewer/2022052315/5565a380d8b42a0a768b5123/html5/thumbnails/42.jpg)
Your (non-suicidal) hostess
Stephanie [email protected]
(No, I don’t blog anymore.)
Images used without permissionbut with a lot of gratitude:“The Book of Bunny Suicides”, Andy Riley.
39Tuesday, November 20, 2007