Upgrade to Pro — share decks privately, control downloads, hide ads and more …

13 Ways to Build Better Pages, Part 6

13 Ways to Build Better Pages, Part 6

Transcript

  1. View Slide

  2. View Slide

  3. View Slide

  4. Proximity & packaging are the same…
    but different.

    View Slide

  5. Proximity & packaging are the same…
    but different.
    Both bring related items together.
    Both indicate relationships between items.
    Both increase the readability of a page.

    View Slide

  6. Proximity & packaging are the same…
    but different.
    Both bring related items together.
    Both indicate relationships between items.
    Both increase the readability of a page.
    Use proximity to group existing similar items
    and make access easier.

    View Slide

  7. Proximity & packaging are the same…
    but different.
    Both bring related items together.
    Both indicate relationships between items.
    Both increase the readability of a page.
    Use proximity to group existing similar items
    and make access easier.
    Use packaging to group existing similar
    items and create new content
    to increase value.

    View Slide

  8. Proximity & packaging are the same…
    but different.
    Both bring related items together.
    Both indicate relationships between items.
    Both increase the readability of a page.
    Use proximity to group existing similar items
    and make access easier.
    Use packaging to group existing similar
    items and create new content
    to increase value.

    View Slide

  9. Use proximity to group.
    Use packaging to create.
    Both bring related items together.
    Both indicate relationships between items.
    Both increase the readability of a page.
    Use proximity to group existing similar items
    and make access easier.
    Use packaging to group existing similar
    items and create new content
    to increase value.

    View Slide

  10. Use proximity to group.
    Use packaging to create.

    View Slide

  11. Use proximity to group.
    Use packaging to create.

    View Slide

  12. Use proximity to group.
    Use packaging to create.

    View Slide

  13. Use proximity to group.
    Use packaging to create.
    TEXAS NEWS
    ssUs, vent moluptatam fac-
    eruptat atur rem autemodis
    cumCuptaquibus Parumquas
    sed quati consed ut est vit,
    Everspel lupta De
    non nobitatur alia
    Tatempos mi, conservu ndai
    pro occus film dollum que
    Udae aut quis alit fuga. Adi-
    atur? Qui dolor aut harchillit,
    sequi delleserae nates ant es-
    sedis rempos eos eos voluptat.
    Um im sequatur? Pa nis
    dit aligend elendel ectur? Peles-
    ti ntotatusant volor mod mod
    molescid ma de eictiis repellis-
    tio. Itatiaspicil iur andemporro
    tem autesent ma sime nest, nis
    culpa que conse sollore non
    conem quatust omnimusam
    que culparume solupiet rest el-
    lesequam.
    Ssa si occum fugiae de
    cusdae cus rate prestor alis et
    aliquatatem escia quat archill
    aborecto tendiora non rem.
    Am quis mi, aliam voluptas-
    pide veliqui tecum qui tem
    nam fuga. Itat asped que dolor
    adi consequas re volupta spelia
    nos est, idelest otatur si quati
    omnientibus.
    Udae aut quis alit fuga. Adi-
    atur? Qui dolor aut harchillit,
    sequi delleserae nates ant es-
    sedis rempos eos eos voluptat.
    Um im sequatur? Pa nis
    dit aligend elendel ectur? Peles-
    ti ntotatusant volor mod mod
    molescid ma de eictiis repellis-
    tio. Itatiaspicil iur andemporro
    tem autesent ma sime nest, nis
    culpa que conse sollore non
    conem quatust omnimusam
    que culparume solupiet rest
    ellesequam, sa si occum fu-
    giae de cusdae cus rate prestor
    alis et aliquatatem escia quat
    archill aborecto tendiora non
    rem. Am quis mi, aliam volup-
    taspide veliqui tecum qui tem
    nam fuga. Itat asped que dolor
    adi consequas re volupta spelia
    nos est, idelest otatur si quati
    omnientibus.
    Andit, opta cuption
    sectatur?Hili perum uteribus
    aut L. Mae tus vid ficonvo,
    aciordicest accienties! Bitripse,
    Cati tem ut ponsus hum in-
    telinam fatiam, se elium ad
    densuli natrem, nes se facio
    mihicup pliaecrum, omnosti
    estrarit vesti patimacrei sentilic
    ore, ium intebatu ereme dius
    acermil iussilin Ita vercernicta
    praed nocupiem auc tum acci
    publi perfex musquam post

    View Slide

  14. Use proximity to group.
    Use packaging to create.
    TEXAS NEWS
    ssUs, vent moluptatam fac-
    eruptat atur rem autemodis
    cumCuptaquibus Parumquas
    sed quati consed ut est vit,
    Everspel lupta De
    non nobitatur alia
    Tatempos mi, conservu ndai i
    pro occus film dollum questae
    Udae aut quis alit fuga. Adiatur?
    Qui dolor aut harchillit, sequi del-
    leserae nates ant essedis rempos
    eos eos voluptat.
    Um im sequatur? Pa nis dit
    aligend elendel ectur? Pelesti nto-
    tatusant volor mod mod molescid
    ma de eictiis repellistio. Itatiaspi-
    cil iur andemporro tem autesent
    ma sime nest, nis culpa que conse
    sollore non conem quatust om-
    nimusam que culparume solupiet
    rest ellesequam.
    Ssa si occum fugiae de cusdae
    cus rate prestor alis et aliquatatem
    escia quat archill aborecto tendiora
    non rem. Am quis mi, aliam vo-
    luptaspide veliqui tecum qui tem
    nam fuga. Itat asped que dolor
    adi consequas re volupta spelia
    nos est, idelest otatu nam fuga.
    Itat asped que dolor adi r si quati
    omnientibus.
    Andit, opta cuption sectatur?
    escia quat archill aborecto tendiora
    non rem. Am quis mi, aliam vo-
    luptaspide veliqui tecum qui tem
    nam fuga. Itat asped que dolor adi
    Udae aut quis alit fuga. Adiatur?
    Qui dolor aut harchillit, sequi del-
    leserae nates ant essedis rempos
    eos eos voluptat.
    Um im sequatur? Pa nis dit
    aligend elendel ectur? Pelesti nto-
    tatusant volor mod mod molescid
    ma de eictiis repellistio. Itatiaspicil
    iur andemporro tem autesent ma
    sime nest, nis culpa que conse
    sollore non conem quatust om-
    nimusam que culparume solupiet
    rest ellesequam, sa si occum fu-
    giae de cusdae cus rate prestor alis
    et aliquatatem escia quat archill
    aborecto tendiora non rem. Am
    quis mi, aliam voluptaspide vel-
    iqui tecum qui tem nam fuga. Itat
    asped que dolor adi consequas re
    volupta spelia nos est, idelest ota-
    tur si quati omnientibus.
    And escia quat archill aborecto
    tendiora non rem. Am quis mi,
    aliam voluptaspide veliqui tecum
    qui tem nam fuga. Itat asped
    que dolor adi consequas re v it,
    opta cuption sectatur?Hili pe-
    rum uteribus aut L. Mae tus vid
    ficonvo, aciordicest accienties!
    Bitripse, Cati tem ut ponsus hum
    Tiat et laccupis
    cus, nostion
    sequia nempor-
    rum as volent.

    View Slide

  15. Use proximity to group.
    Use packaging to create.
    Everspel lupta De non nobitatur alia Nonsendendi adicae por
    Tatempos mi, conservatuu ndai i
    pro occus film dollum questae
    Udae aut quis alit fuga.
    Adiatur? Qui dolor aut har-
    chillit, sequi delleserae nates
    ant essedis rempos eos eos
    voluptat.
    Um im sequatur? Pa nis
    dit aligend elendel ectur?
    Pelesti ntotatusant volor mod
    mod molescid ma de eictiis
    repellistio. Itatiaspicil iur an-
    demporro tem autesent ma
    sime nest, nis culpa que conse
    sollore non conem quatust
    omnimusam que culparume
    solupiet rest ellesequam.
    Ssa si occum fugiae de
    cusdae cus rate prestor alis et
    aliquatatem escia quat archill
    aborecto tendiora non rem.
    Am quis mi, aliam voluptas-
    pide veliqui tecum qui tem
    nam fuga. Itat asped que do-
    lor adi consequas re volupta
    spelia nos est, idelest otatu
    nam fuga. Itat asped que do-
    lor adi r si quati omnientibus.
    Andit, opta cuption secta-
    tur? escia quat archill aborec-
    to tendiora non rem. Am
    quis mi, aliam voluptaspide
    veliqui tecum qui tem nam
    fuga. Itat asped que dolor adi
    consequas re vEt millabori
    nulpa quo eaquia nonsec-
    tur sequia volore sam fuga.
    Itat officiassum quiae. Ectia
    conse sit ulparum volumquis
    eos sit restrum dolor assunt
    ad quate soluptati ommo
    molendest es adi non cum
    fugiass imagnis nust eatust
    vent pa nes sequate aut event
    magnienimust porehent,
    odio. Itatibea nime voluptat.
    Parum autenda aut
    quident aperum que simus
    quate dit pratque et dolor
    sime volestiis il mi, quos es-
    tias est, coriam volesto tem re
    prat pe des sandae ne dolup-
    tae nos sim utaspel icipiet au-
    dandi atiatius a volorerrorum
    vellaborecus et aspe excest
    volecabo. Dunt prem nobitat
    ibearuptam untur sitist eum
    eosto quatiam, volorehenda
    vitiaecatum ut is sit Udae aut
    quis alit fuga. Adiatur? Qui
    dolor aut harchillit, sequi del-
    leserae nates ant essedis rem-
    pos eos eos voluptat.
    Um im sequatur? Pa
    nis dit aligend elendel ectur?
    Pelesti ntotatusant volor mod
    mod molescid ma de eictiis
    repellistio. Itatiaspicil iur an-
    demporro tem autesent ma
    sime nest, nis culpa que conse
    sollore non conem quatust
    omnimusam que culparume
    solupiet rest ellesequam.
    Ssa si occum fugiae de
    cusdae cus rate prestor alis et
    aliquatatem escia quat archill
    aborecto tendiora non rem.
    Am quis mi, aliam voluptas-
    pide veliqui tecum qui tem
    nam fuga. Itat asped que do-
    lor adi consequas re volupta
    spelia nos est, idelest otatu
    nam fuga. Itat asped que do-
    lor adi r si quati omnientibus.
    Andit, opta cuption
    sectatur? escia quat archill
    Udae aut quis alit fuga.
    Adiatur? Qui dolor aut
    harchillit, sequi delleserae
    nates ant essedis rempos
    eos eos voluptat.
    Um im sequatur? Pa
    nis dit aligend elendel
    ectur? Pelesti ntotatusant
    volor mod mod molescid
    ma de eictiis repellistio
    Itatiaspicil iur andem-
    porro tem autesent ma
    sime nest, nis culpa que
    conse sollore non conem
    quatust omnimusam que
    culparume solupiet rest
    ellesequam, sa si occum
    fugiae de cusdae cus rate
    prestor alis et aliquatatem
    escia quat archill aborecto
    tendiora non rem. Am quis
    mi, aliam voluptaspide ve-
    liqui tecum qui tem nam
    fuga. Itat asped que dolor
    adi consequas re volupta
    spelia nos est, idelest otatur
    si quati omnientibus.
    TEXAS NEWS
    ssUs, vent moluptatam faceruptat atur rem autemodis cumCuptaquibus Parumquas sed quati consed
    ut est vit,Molore, consequ aturepudio quis restrum enissim porernam evendi aut parchil ligenis

    View Slide

  16. Use proximity to group.
    Use packaging to create.
    Everspel lupta De non nobitatur alia Nonsendendi adicae por
    Tatempos mi, conservatuu ndai i
    pro occus film dollum questae
    Udae aut quis alit fuga.
    Adiatur? Qui dolor aut har-
    chillit, sequi delleserae nates
    ant essedis rempos eos eos
    voluptat.
    Um im sequatur? Pa nis
    dit aligend elendel ectur?
    Pelesti ntotatusant volor mod
    mod molescid ma de eictiis
    repellistio. Itatiaspicil iur an-
    demporro tem autesent ma
    sime nest, nis culpa que conse
    sollore non conem quatust
    omnimusam que culparume
    solupiet rest ellesequam.
    Ssa si occum fugiae de
    cusdae cus rate prestor alis et
    aliquatatem escia quat archill
    aborecto tendiora non rem.
    Am quis mi, aliam voluptas-
    pide veliqui tecum qui tem
    nam fuga. Itat asped que do-
    lor adi consequas re volupta
    spelia nos est, idelest otatu
    nam fuga. Itat asped que do-
    lor adi r si quati omnientibus.
    Andit, opta cuption secta-
    tur? escia quat archill aborec-
    to tendiora non rem. Am
    quis mi, aliam voluptaspide
    veliqui tecum qui tem nam
    fuga. Itat asped que dolor adi
    consequas re vEt millabori
    nulpa quo eaquia nonsec-
    tur sequia volore sam fuga.
    Itat officiassum quiae. Ectia
    conse sit ulparum volumquis
    eos sit restrum dolor assunt
    ad quate soluptati ommo
    molendest es adi non cum
    fugiass imagnis nust eatust
    vent pa nes sequate aut event
    magnienimust porehent,
    odio. Itatibea nime voluptat.
    Parum autenda aut
    quident aperum que simus
    quate dit pratque et dolor
    sime volestiis il mi, quos es-
    tias est, coriam volesto tem re
    prat pe des sandae ne dolup-
    tae nos sim utaspel icipiet au-
    dandi atiatius a volorerrorum
    vellaborecus et aspe excest
    volecabo. Dunt prem nobitat
    ibearuptam untur sitist eum
    eosto quatiam, volorehenda
    vitiaecatum ut is sit Udae aut
    quis alit fuga. Adiatur? Qui
    dolor aut harchillit, sequi del-
    leserae nates ant essedis rem-
    pos eos eos voluptat.
    Um im sequatur? Pa
    nis dit aligend elendel ectur?
    Pelesti ntotatusant volor mod
    mod molescid ma de eictiis
    repellistio. Itatiaspicil iur an-
    demporro tem autesent ma
    sime nest, nis culpa que conse
    sollore non conem quatust
    omnimusam que culparume
    solupiet rest ellesequam.
    Ssa si occum fugiae de
    cusdae cus rate prestor alis et
    aliquatatem escia quat archill
    aborecto tendiora non rem.
    Am quis mi, aliam voluptas-
    pide veliqui tecum qui tem
    nam fuga. Itat asped que do-
    lor adi consequas re volupta
    spelia nos est, idelest otatu
    nam fuga. Itat asped que do-
    lor adi r si quati omnientibus.
    Andit, opta cuption
    sectatur? escia quat archill
    Udae aut quis alit fuga.
    Adiatur? Qui dolor aut
    harchillit, sequi delleserae
    nates ant essedis rempos
    eos eos voluptat.
    Um im sequatur? Pa
    nis dit aligend elendel
    ectur? Pelesti ntotatusant
    volor mod mod molescid
    ma de eictiis repellistio
    Itatiaspicil iur andem-
    porro tem autesent ma
    sime nest, nis culpa que
    conse sollore non conem
    quatust omnimusam que
    culparume solupiet rest
    ellesequam, sa si occum
    fugiae de cusdae cus rate
    prestor alis et aliquatatem
    escia quat archill aborecto
    tendiora non rem. Am quis
    mi, aliam voluptaspide ve-
    liqui tecum qui tem nam
    fuga. Itat asped que dolor
    TEXAS NEWS
    ssUs, vent moluptatam faceruptat atur rem autemodis cumCuptaquibus Parumquas sed quati consed
    ut est vit,Molore, consequ aturepudio quis restrum enissim porernam evendi aut parchil ligenis
    eossunt quibearchil id eic te rerferatem reptatio te sam que liquia cus ut exerro doloria ius

    View Slide

  17. Use proximity to group.
    Use packaging to create.

    View Slide

  18. Use proximity to group.
    Use packaging to create.

    View Slide

  19. Use proximity to group.
    Use packaging to create.

    View Slide

  20. Use proximity to group.
    Use packaging to create.

    View Slide

  21. V
    Use proximity to group.
    Use packaging to create.

    View Slide

  22. Questions?

    View Slide

  23. View Slide