Jeremy Hiebert Interaction Designer Part of a Team Designing Web Sites
Web Sites You Know?
The Company I Work For <ul><li>Bridges Transitions  </li></ul><ul><li>Kelowna, BC </li></ul>Xap Corporation Los Angeles, C...
Working at Home <ul><li>I have an office in my house where I work most days at my computer.  </li></ul><ul><li>I decide wh...
Web Sites We Build
Building a Career Planning Web Site <ul><li>Our Team: </li></ul><ul><li>30 people working on a site </li></ul><ul><li>Each...
<ul><li>Who will use the site? </li></ul><ul><li>What do they need to do?  </li></ul><ul><li>User personas </li></ul>Build...
Building a Career Planning Site Fixing part of a site or adding new features? Fix problem with navigation Let people edit ...
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 <ul><li>Very rough </li></ul><ul><li>Try lots of ideas quickly </li></ul><ul><li>Easy to change </li></ul><u...
Designs    Rough to Finished <ul><li>Wireframes </li></ul><ul><li>Prototypes </li></ul><ul><li>Lots of changes </li></ul>
Finished Designs and Graphics <ul><li>Final designs </li></ul><ul><li>Graphic design </li></ul><ul><li>Hundreds of pages <...
Programming and Testing <ul><li><!-- Google Analytics code --> <script type=&quot;text/javascript&quot;> var gaJsHost = ((...
Finished Site <ul><li>Launch the site </li></ul><ul><li>Sales, support </li></ul><ul><li>Testing and research, stats </li>...
 
 
 
 
 
Upcoming SlideShare
Loading in...5
×

AIM Presentation

306

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
306
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

AIM Presentation

  1. 1. Jeremy Hiebert Interaction Designer Part of a Team Designing Web Sites
  2. 2. Web Sites You Know?
  3. 3. The Company I Work For <ul><li>Bridges Transitions </li></ul><ul><li>Kelowna, BC </li></ul>Xap Corporation Los Angeles, California, USA
  4. 4. Working at Home <ul><li>I have an office in my house where I work most days at my computer. </li></ul><ul><li>I decide when to work </li></ul><ul><li>Communicate online </li></ul><ul><li>Go into Kelowna to work sometimes </li></ul>
  5. 5. Web Sites We Build
  6. 6. Building a Career Planning Web Site <ul><li>Our Team: </li></ul><ul><li>30 people working on a site </li></ul><ul><li>Each person has an important role </li></ul><ul><li>Another 70 people in the rest of the company </li></ul><ul><li>New site? Or existing site? </li></ul>
  7. 7. <ul><li>Who will use the site? </li></ul><ul><li>What do they need to do? </li></ul><ul><li>User personas </li></ul>Building a Career Planning Site
  8. 8. Building a Career Planning Site Fixing part of a site or adding new features? Fix problem with navigation Let people edit their list
  9. 9. Step 1 – Deciding What to Build What would we like to do? What can we do in the time we have?
  10. 10. Brainstorming and Organizing
  11. 11. Early Designs <ul><li>Very rough </li></ul><ul><li>Try lots of ideas quickly </li></ul><ul><li>Easy to change </li></ul><ul><li>Take a photo to save </li></ul>
  12. 12. Designs  Rough to Finished <ul><li>Wireframes </li></ul><ul><li>Prototypes </li></ul><ul><li>Lots of changes </li></ul>
  13. 13. Finished Designs and Graphics <ul><li>Final designs </li></ul><ul><li>Graphic design </li></ul><ul><li>Hundreds of pages </li></ul>
  14. 14. Programming and Testing <ul><li><!-- Google Analytics code --> <script type=&quot;text/javascript&quot;> var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;); document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;)); </script> <script type=&quot;text/javascript&quot;> var pageTracker = _gat._getTracker(&quot;UA-2201451-1&quot;); 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=&quot;javascript&quot;> 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(&quot;pv&quot;);hbx.vpc=&quot;HBX0100u&quot;;hbx.gn=&quot;ehg.bridges.com&quot;; //BEGIN EDITABLE SECTION //CONFIGURATION VARIABLES hbx.acct=&quot;DM54062357DF34EN3&quot;;//ACCOUNT NUMBER(S) hbx.pn=&quot;PUT+PAGE+NAME+HERE&quot;;//PAGE NAME(S) hbx.mlc=&quot;CONTENT+CATEGORY&quot;;//MULTI-LEVEL CONTENT CATEGORY hbx.pndef=&quot;title&quot;;//DEFAULT PAGE NAME hbx.ctdef=&quot;full&quot;;//DEFAULT CONTENT CATEGORY //OPTIONAL PAGE VARIABLES //ACTION SETTINGS hbx.fv=&quot;&quot;;//FORM VALIDATION MINIMUM ELEMENTS OR SUBMIT FUNCTION NAME hbx.lt=&quot;auto&quot;;//LINK TRACKING hbx.dlf=&quot;n&quot;;//DOWNLOAD FILTER hbx.dft=&quot;n&quot;;//DOWNLOAD FILE NAMING hbx.elf=&quot;n&quot;;//EXIT LINK FILTER //SEGMENTS AND FUNNELS hbx.seg=&quot;&quot;;//VISITOR SEGMENTATION hbx.fnl=&quot;&quot;;//FUNNELS //CAMPAIGNS hbx.cmp=&quot;&quot;;//CAMPAIGN ID hbx.cmpn=&quot;&quot;;//CAMPAIGN ID IN QUERY hbx.dcmp=&quot;&quot;;//DYNAMIC CAMPAIGN ID hbx.dcmpn=&quot;&quot;;//DYNAMIC CAMPAIGN ID IN QUERY hbx.dcmpe=&quot;&quot;;//DYNAMIC CAMPAIGN EXPIRATION hbx.dcmpre=&quot;&quot;;//DYNAMIC CAMPAIGN RESPONSE EXPIRATION hbx.hra=&quot;&quot;;//RESPONSE ATTRIBUTE hbx.hqsr=&quot;&quot;;//RESPONSE ATTRIBUTE IN REFERRAL QUERY hbx.hqsp=&quot;&quot;;//RESPONSE ATTRIBUTE IN QUERY </li></ul>
  15. 15. Finished Site <ul><li>Launch the site </li></ul><ul><li>Sales, support </li></ul><ul><li>Testing and research, stats </li></ul><ul><li>Back to the beginning </li></ul><ul><li>Questions? </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×