Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

House with no walls: Building a site plan for the future Slide 1 House with no walls: Building a site plan for the future Slide 2 House with no walls: Building a site plan for the future Slide 3 House with no walls: Building a site plan for the future Slide 4 House with no walls: Building a site plan for the future Slide 5 House with no walls: Building a site plan for the future Slide 6 House with no walls: Building a site plan for the future Slide 7 House with no walls: Building a site plan for the future Slide 8 House with no walls: Building a site plan for the future Slide 9 House with no walls: Building a site plan for the future Slide 10 House with no walls: Building a site plan for the future Slide 11 House with no walls: Building a site plan for the future Slide 12 House with no walls: Building a site plan for the future Slide 13 House with no walls: Building a site plan for the future Slide 14 House with no walls: Building a site plan for the future Slide 15 House with no walls: Building a site plan for the future Slide 16 House with no walls: Building a site plan for the future Slide 17 House with no walls: Building a site plan for the future Slide 18 House with no walls: Building a site plan for the future Slide 19 House with no walls: Building a site plan for the future Slide 20 House with no walls: Building a site plan for the future Slide 21 House with no walls: Building a site plan for the future Slide 22 House with no walls: Building a site plan for the future Slide 23 House with no walls: Building a site plan for the future Slide 24 House with no walls: Building a site plan for the future Slide 25 House with no walls: Building a site plan for the future Slide 26 House with no walls: Building a site plan for the future Slide 27 House with no walls: Building a site plan for the future Slide 28 House with no walls: Building a site plan for the future Slide 29 House with no walls: Building a site plan for the future Slide 30 House with no walls: Building a site plan for the future Slide 31
Upcoming SlideShare
Lisboa- Paintings By J. B. Durão
Next

0 Likes

Share

House with no walls: Building a site plan for the future

Whether your site is five pages or 500, it needs a strong foundation that plans for growth.

We’ll cover site maps, content strategy, user interaction and experience so you have a plan for your site now, and down the road. We’ll also touch on best practices for doing it all over again for mobile [hint: it's not just shrinking everything down!].

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

House with no walls: Building a site plan for the future

  1. 1. House with No Walls: Creating a Site Structure for Tomorrow Lisa Ghisolf, Gizmo Creative Factory @gizmodesign * gizmo-design.com
  2. 2. It’s the “un-fun” stuff • We are long past “brochureware” sites [sort of] • Content strategy: More than just what you’ll say • Sitemaps: What you need, pathways • Functionality: Phased functionality aligned with business objectives [especially in e-commerce!] • Wireframes: What lives on each page • Prototypes: Functional model/test site
  3. 3. Basically... • Who (your audiences) • Why (your goals) • How (functional)
  4. 4. But… why? • Test processes (e-commerce) • Test content • Bring clients in quickly • Iterate quickly • User experience starts early in the process • “Design in the browser”
  5. 5. Content strategy • User, user, user! Who are your audiences? Think about what they — not you — are expecting to see. • Look at your content: how ME-centric is it? • Good content is: up-to-date, user-centric, useful, u-findable.
  6. 6. Sitemap to wireframe • Visualize your structure & how users will react: Flowchart it out! • What is the process? What is interlinked? • Consistency is key
  7. 7. Sitemap & Wireframe Tools • Sitemaps • Powermapper.com • Slickplan.com • Wireframes • Gomockingbird.com • Balsamiq.com • Both • Jumpchart.com [w/WP export!] • gliffy.com
  8. 8. Prototyping Tools • Genesis Sandbox starter theme (genesissandbox.com) • Foundation (fwp.drewsymo.com) • hotgloo.com • marvelapp.com using wireframes
  9. 9. What’s next? Mobile • What works on a laptop or even a tablet doesn’t necessarily work on a phone • K.I.S.S.! • One-column themes • People are used to scrolling on mobile, but how much will they read? • Are the buttons big enough to touch? • As with ANY site: Make it easy on the user
  10. 10. Mobile Tools • marvelapp.com (desktop & mobile) • Proto.io • fluidui.com • flinto.com
  11. 11. Thank you! Lisa Ghisolf, Gizmo Creative Factory @gizmodesign * gizmo-design.com slideshare.com/gizmodesign

Whether your site is five pages or 500, it needs a strong foundation that plans for growth. We’ll cover site maps, content strategy, user interaction and experience so you have a plan for your site now, and down the road. We’ll also touch on best practices for doing it all over again for mobile [hint: it's not just shrinking everything down!].

Views

Total views

2,902

On Slideshare

0

From embeds

0

Number of embeds

40

Actions

Downloads

17

Shares

0

Comments

0

Likes

0

×