Jeremy HiebertInteraction Designer

Part of a Team Designing Web Sites

Web Sites You Know?

The Company I Work ForBridges Transitions Kelowna, BC

Xap CorporationLos Angeles, California, USA

Working at Home

I have an office in my house where I work most days at my computer.

• I decide when to work• Communicate online• Go into Kelowna to

work sometimes

Web Sites We Build

Building a Career Planning Web Site

Our Team:• 30 people working on a site• Each person has an important role• Another 70 people in the rest of the company

• New site? Or existing site?

• Who will use the site?

• What do they need to do?

• User personas

Building a Career Planning Site

Building a Career Planning Site

Fixing part of a site or adding new features?

Fix problem with navigation

Let people edit their list

Step 1 – Deciding What to Build

What would we like to do?

What can we do in the time we have?

Brainstorming and Organizing

Early Designs

• Very rough• Try lots of

ideas quickly• Easy to

change• Take a photo

to save

Designs Rough to Finished

• Wireframes• Prototypes

• Lots of changes

Finished Designs and Graphics

• Final designs

• Graphic design

• Hundreds of pages

Programming and Testing<!-- Google Analytics code --> <script type="text/javascript"> var gaJsHost = (("https:" ==

document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-2201451-1"); pageTracker._trackPageview(); </script> <!--WEBSIDESTORY CODE HBX1.0 (Universal)--> <!--COPYRIGHT 1997-2004 WEBSIDESTORY,INC. ALL RIGHTS RESERVED. U.S.PATENT No. 6,393,479B1. MORE INFO:http://websidestory.com/privacy--> <script language="javascript"> var _hbEC=0,_hbE=new Array;function _hbEvent(a,b){b=_hbE[_hbEC++]=new Object();b._N=a;b._C=0;return b;} var hbx=_hbEvent("pv");hbx.vpc="HBX0100u";hbx.gn="ehg.bridges.com"; //BEGIN EDITABLE SECTION //CONFIGURATION VARIABLES hbx.acct="DM54062357DF34EN3";//ACCOUNT NUMBER(S) hbx.pn="PUT+PAGE+NAME+HERE";//PAGE NAME(S) hbx.mlc="CONTENT+CATEGORY";//MULTI-LEVEL CONTENT CATEGORY hbx.pndef="title";//DEFAULT PAGE NAME hbx.ctdef="full";//DEFAULT CONTENT CATEGORY //OPTIONAL PAGE VARIABLES //ACTION SETTINGS hbx.fv="";//FORM VALIDATION MINIMUM ELEMENTS OR SUBMIT FUNCTION NAME hbx.lt="auto";//LINK TRACKING hbx.dlf="n";//DOWNLOAD FILTER hbx.dft="n";//DOWNLOAD FILE NAMING hbx.elf="n";//EXIT LINK FILTER //SEGMENTS AND FUNNELS hbx.seg="";//VISITOR SEGMENTATION hbx.fnl="";//FUNNELS //CAMPAIGNS hbx.cmp="";//CAMPAIGN ID hbx.cmpn="";//CAMPAIGN ID IN QUERY hbx.dcmp="";//DYNAMIC CAMPAIGN ID hbx.dcmpn="";//DYNAMIC CAMPAIGN ID IN QUERY hbx.dcmpe="";//DYNAMIC CAMPAIGN EXPIRATION hbx.dcmpre="";//DYNAMIC CAMPAIGN RESPONSE EXPIRATION hbx.hra="";//RESPONSE ATTRIBUTE hbx.hqsr="";//RESPONSE ATTRIBUTE IN REFERRAL QUERY hbx.hqsp="";//RESPONSE ATTRIBUTE IN QUERY

Finished Site

• Launch the site• Sales, support• Testing and research, stats

• Back to the beginning• Questions?