Purposeful Page Architecture
•
2 likes•236 views
A way in which to create purposeful page architecture, ensuring that wireframes are purposeful and not superfluous.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Purposeful Page Architecture
Similar to Purposeful Page Architecture (20)
Recently uploaded
Recently uploaded (20)
Purposeful Page Architecture
- 1. G ETTING WEBPAG ES TO BE PURPOSEFUL , NOT SUPERFLUOUS O R HOW I C RE ATE D A WIREFRAME C HEATSHEET PURPOSEFUL PAGE ARCHITECTURE @GC_PEOPLE@B ECSTEX
- 2. Hello I like to be efficient I like to be accurate Wireframes make me nervous
- 3. Know your user: Who are you talking to? What do they want? What do you want from them? How do you get the two to match up? Firstthingsfirst
- 4. Where do you start? Should you use a template? Is there a quick way to do this? Should it just be on paper? Does every page need a hero? How many ways can you stack blocks? What if they look boring? Should the client sign these off? What do I do? Then …Wireframes?
- 5. Behold Atomic Design Organism Libraries Purposeful Architecture
- 7. Establish the organisms you’ll need Create a library with those organisms Use those organisms 01 02 03 HOWTOCREATEANORGANISMLIBRARY
- 8. Establish the organisms you’ll need Create a library with those organisms Use those organisms 01 02 03 HOWTOCREATEABETTERORGANISMLIBRARY Tag the organism with a purpose NEW
- 9. We had completed our empathy maps - we knew what the users were looking for. We now had a library of organisms, ready to go, ready to create a template (wireframe). But what about content hierarchy? Purposeful Architecture
- 11. Promote Sell yourself Sell your service Sell your ability PIRI
- 13. Reassure Social proof Case studies Third-party reports White papers Company promises PIRI
- 14. Inspire Do more Think more Read more Discover more PIRI
- 15. A page may have components that achieve more than one of these elements, but it is important to ensure that every page is doing at least one of these things otherwise it is superfluous.
- 16. Things I know to be true Every site is trying to sell you something The market is saturated - you need to do more than ‘sell’ People don’t buy what you do, they buy why you do it
- 18. Purpose Establish the primary purpose (remember PIRI) PDA
- 19. Direction Funnel in - where does the page appear in the journey? Funnel off - where does this page open doors to? Funnel out - where do they go when they’re done? PDA
- 21. I’VE SHARED MINE, NOW YOU SHARE YOURS. Does this hold merit? Would it be of use? As a heuristic, will it be useful without undermining or hurting the process?Whatdoes thisallmean?