Síminn Re-Design

540 views

Published on

Síminn redesign overview (Icelandic)

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
540
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Síminn Re-Design

    1. 1. VEFUR SÍMANS HÖNNUNARFERLI ARNAR ÓLAFSSON
    2. 2. UNDIRBÚNINGUR <ul><li>Núverandi vefur gagnrýndur. </li></ul><ul><li>Hvaða hlutum á að halda? </li></ul><ul><li>Hvernig er hægt að bæta þá hluti? </li></ul><ul><li>Hvaða nýjar lausnir er hægt að innleiða? </li></ul><ul><li>Er hægt að einfalda veftréð? </li></ul><ul><li>Vefhlutar skilgreindir (templates) </li></ul>
    3. 4. NÚVERANDI VEFUR GAGNRÝNDUR <ul><li>Betri aðgreining á leiðarkerfi og flýtileiðum. </li></ul><ul><li>Nota léttari bakgrunn. </li></ul><ul><li>Lofta um efni vefsins og aðgreina það betur. </li></ul><ul><li>Nota myndefni annarsstaðar en bara í auglýsingasvæði. </li></ul><ul><li>Nota stærra letur. </li></ul>
    4. 5. HVAÐA HLUTUM Á AÐ HALDA? <ul><li>Rúnuð horn og hvítur litur. </li></ul><ul><li>Leit á vefnum og í símaskrá. </li></ul><ul><li>Áberandi auglýsingasvæði á forsíðu. </li></ul><ul><li>Flýtileiðir í mismunandi vefkerfi. </li></ul>
    5. 6. NÝJIR VEFHLUTIR OG LAUSNIR <ul><li>Flýtileiðir úr stofnflokkum. </li></ul><ul><li>Vörur úr vefverslun á forsíðu. </li></ul><ul><li>Brauðmolaslóð (Þú ert hér) </li></ul><ul><li>Spurt og svarað tengt efnissíðum. </li></ul><ul><li>Næstu skref tengt efnissíðum. </li></ul><ul><li>Tengdar síður. </li></ul><ul><li>“ Layer” notuð í stað “pop-up” glugga. </li></ul><ul><li>Forsíður flokka (undirforsíður). </li></ul><ul><li>“ Index” síður hannaðar. </li></ul><ul><li>Mannlegri leitarniðurstöður </li></ul>
    6. 7. WIREFRAME <ul><li>A website wireframe (also &quot;web wire frame&quot;, &quot;web wireframe&quot;, &quot;web wireframing&quot;) is a basic visual guide used in web design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Because of this, they are often completed before any artwork is developed. </li></ul>
    7. 8. SKISSUR (WIREFRAMES) <ul><li>Gróf grind teiknuð upp fyrir helstu vefhluta (templates). </li></ul><ul><li>Hægt að nota: blað og blýant, Excel, Illustrator.. </li></ul><ul><li>Skissur eru unnar samkvæmt veftré og þeim kröfum sem komu fram í undirbúningi. </li></ul><ul><li>Áhersla er lögð á uppsetningu, en ekki framsetningu. </li></ul><ul><li>Tilgangur er að auðvelda umræður um uppsetningu vefsins áður en grafísk útfærsla er lögð fram. </li></ul><ul><li>Mun fleiri láta skoðanir sínar og athugasemdir í ljós við krot á blaði heldur en fullhannaðann vef. </li></ul><ul><li>Tækifæri til þess að vinna vefinn frá byrjun með notendum. </li></ul><ul><li>Auðveldara (og ódýrara) að hreyfa hluti til og breyta á þessu stigi. </li></ul>
    8. 14. GRAFÍSK ÚTFÆRSLA <ul><li>Skissur (Wireframes) </li></ul><ul><ul><li>Ekkert er þó meytlað í stein. </li></ul></ul><ul><ul><ul><li>Minnka myndasvæði í haus. </li></ul></ul></ul><ul><ul><ul><li>Gefa merki Símans meira vægi. </li></ul></ul></ul><ul><ul><ul><li>Gera leit á vefnum greinilegri. </li></ul></ul></ul><ul><li>Hönnunastaðlar (Brand guidelines) </li></ul><ul><ul><li>Logo </li></ul></ul><ul><ul><li>Litir </li></ul></ul><ul><ul><li>Letur </li></ul></ul><ul><ul><li>Myndefni </li></ul></ul><ul><ul><li>Grafísk “element” </li></ul></ul>
    9. 16. ÞRÓUN FORSÍÐU VEFSINS <ul><li>Hönnunarstaðlar </li></ul><ul><li>Skissur </li></ul>+
    10. 23. AÐRIR VEFHLUTAR <ul><li>Grunnútlit erfist frá forsíðu (ramminn) </li></ul><ul><li>Nýjir hlutir (element) eru hannaðir í samræmi við tilbúna hluti, allt í sama stíl. </li></ul>
    11. 33. YFIRFERÐ <ul><li>Skjáskot tekin af vef og borin saman við hönnunarskjöl. </li></ul><ul><li>Tillögur að lagfæringum á CSS kóða (Firebug) </li></ul><ul><li>Hefðbundinn vefur er ca. 1-3 mán í forritun. </li></ul><ul><li>Vefurinn gagnrýndur – er eitthvað sem má bæta frekar? </li></ul><ul><li>Vefurinn er í stanslausri þróun, ekkert er meytlað í stein. </li></ul><ul><li>Maður er alltaf vitur eftirá. </li></ul>
    12. 34. VERÐLAUNAVEFUR <ul><li>Vefur Símans var tilnefndur til Íslensku vefverðlaunanna 2008 í 3 flokkum: </li></ul><ul><ul><li>Besti fyrirtækjavefurinn. </li></ul></ul><ul><ul><li>Besti þjónustu- og söluvefurinn. </li></ul></ul><ul><ul><li>Besta útlit- og viðmót. </li></ul></ul><ul><li>Vefurinn vann til verðlauna fyrir: </li></ul><ul><ul><li>Besta útlit- og viðmót. </li></ul></ul><ul><ul><li>Besti Íslenski vefurinn. </li></ul></ul>
    13. 35. TENGLAR Á SNIÐUG TÓL <ul><li>Firebug (www.getfirebug.com) Til að skoða CSS kóða </li></ul><ul><li>Picnik ( www.picnik.com ) Til að breyta stærðum á ljósmyndum </li></ul><ul><li>Omnigraffle f/ Mac (www.omnigroup.com) </li></ul><ul><li>Mindmanager f/ PC (www.mindjet.com) Til að teikna upp vefi og veftré </li></ul><ul><li>Smashing Magazine (http://www.smashingmagazine.com) Hvað er nýtt í vefbransanum? </li></ul><ul><li>Grid Calculator (www.29digital.net/grid) Til að reikna út breidd dálka </li></ul>
    14. 36. TAKK FYRIR!

    ×