[CROATIAN] IA – reality, not a dream @ WIAD Zagreb

[CROATIAN] IA – reality, not a dream @ WIAD Zagreb

There are no "cheap" websites, there are only "bad" websites. You have probably heard about terms such as UX, UI, IA, but what are they really and can we use the essential ideas that are hidden behind those letters on every project? We will talk about how to keep to a (smaller) budget and consider information architecture and page content. Information architecture is not only a buzzword that means "more money for your work"; it represents consistency to which we should aspire. In the end, it means better value for both your client and website visitor.

wiad.hr

Emanuel & Lucijan Blagonić

2eaa540dfe93c83d61a8fafedec664ff?s=128

Lucijan Blagonić

February 15, 2014
Tweet

Transcript

  1. 1.

    IA – java, a ne san Emanuel & Lucijan Blagonić

    Blagonić Brothers/Tailored Development WIAD Zagreb, 15. 02. 2014.
  2. 2.

    “ Information architecture is the art and science of organizing

    and labeling data including: websites, intranets, online communities, software, books and other mediums of information, to develop usability and structural aesthetics.
  3. 8.

    ⚙ Dulje zadržavanje na stranici ⚙ Bolju konverziju ⚙ Manji

    bounce rate ⚙ Drukčiji od konkurencije Što dobivaju klijenti?
  4. 12.
  5. 25.

    Lorem ipsum Lorem ipsum dolor sit amet, consectetur adipisicing elit.

    Delectus, dolore explicabo ut tenetur perferendis obcaecati? Vel, porro voluptas nostrum necessitatibus.
  6. 27.

    Dropbox Jedan folder predstavlja jednu stranicu. Nestani folderi su podstranice.

    Folderi mogu sadržavati slike, PDF-ove... http://www.emanuelblagonic.com/2014/01/21/using-dropbox-to-help-clients-organize-their-web-sitemap/
  7. 28.
  8. 29.

    Tablični sadržaj Kompleksniji sadržaj (npr. popis poslovnica) je najbolje strukturirati

    koristeći tablice: Excel, Numbers, Google Docs (Spreadsheet)...
  9. 31.

    “ You should aim for content parity between your desktop

    and your mobile experiences— maybe not exactly the same content presented exactly the same way, but essentially the same experience. Karen McGrane
  10. 32.
  11. 33.

    “ Get your content ready to go anywhere because it's

    going to go everywhere. Brad Frost
  12. 35.
  13. 36.

    “ With adaptive content, your goal is to create a

    flexible base of content with a variety of structured content objects to cover a wide range of uses and contexts. Karen McGrane
  14. 38.

    ⚙ OIovka i papir ⚙ Whiteboard i flomasteri ⚙ Balsamiq,

    Moqups... ⚙ Illustrator ⚙ InDesign ⚙ HTML/CSS/JS ⚙ Keynote ⚙ ... Odaberite alat
  15. 40.
  16. 41.
  17. 42.

    Budući temelj Bez obzira na brzu izradu, dijelove koda možemo

    koristiti i u završnom proizvodu tj. postepeno poboljšavajući izdvojene dijelove stranice.
  18. 45.
  19. 46.

    CSS Zen Garden Isti sadržaj (HTML), a toliko različitih vizualnih

    pristupa mijenjajući samo jednu datoteku i pozadinske slike.
  20. 47.
  21. 48.
  22. 49.
  23. 52.
  24. 57.

    Adaptable Create content that can be presented in different ways

    (for example simpler layout) without losing information or structure. WCAG 2.0 Quick Reference List
  25. 58.
  26. 59.
  27. 61.
  28. 63.

    Star Trek Star Trek is noted for its influence on

    the world outside of science fiction. It has been cited as an inspiration for several technological inventions such as the cell phone. Moreover, the show is noted for its progressive civil rights stances. The original series included one of television's first multiracial casts, and the first televised inter-racial kiss. Star Trek references can be found throughout popular culture from movies such as the submarine thriller Crimson Tide to the cartoon series South Park. 45–75 characters # 61 64 59 64 63 60 56 58 26
  29. 64.

    Navigable Provide ways to help users navigate, find content, and

    determine where they are. WCAG 2.0 Quick Reference List
  30. 67.

    ⚙ Header [banner] ⚙ Footer [contentinfo] ⚙ Navigacija [navigation] ⚙

    Pretraživanje [search] ⚙ Primarni sadržaj [main] ⚙ Sekundarni sadržaj [complementary] ⚙ ... Landmarks