Your SlideShare is downloading. ×
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
AIM Presentation
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

AIM Presentation


Published on

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Jeremy Hiebert Interaction Designer Part of a Team Designing Web Sites
  • 2. Web Sites You Know?
  • 3. The Company I Work For
    • Bridges Transitions
    • Kelowna, BC
    Xap Corporation Los Angeles, California, USA
  • 4. 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
  • 5. Web Sites We Build
  • 6. 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?
  • 7.
    • Who will use the site?
    • What do they need to do?
    • User personas
    Building a Career Planning Site
  • 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. Step 1 – Deciding What to Build What would we like to do? What can we do in the time we have?
  • 10. Brainstorming and Organizing
  • 11. Early Designs
    • Very rough
    • Try lots of ideas quickly
    • Easy to change
    • Take a photo to save
  • 12. Designs  Rough to Finished
    • Wireframes
    • Prototypes
    • Lots of changes
  • 13. Finished Designs and Graphics
    • Final designs
    • Graphic design
    • Hundreds of pages
  • 14. Programming and Testing
    • <!-- 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;' 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:> <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;;;;; //BEGIN EDITABLE SECTION //CONFIGURATION VARIABLES hbx.acct=&quot;DM54062357DF34EN3&quot;;//ACCOUNT NUMBER(S);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;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
  • 15. Finished Site
    • Launch the site
    • Sales, support
    • Testing and research, stats
    • Back to the beginning
    • Questions?
  • 16.  
  • 17.  
  • 18.  
  • 19.  
  • 20.