O:8:"stdClass":7:{s:4:"file";s:27:"analysis/400_colorscheme.md";s:7:"section";s:3:"400";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"views";a:6:{s:10:"breadcrumb";a:3:{s:6:"region";s:10:"breadcrumb";s:8:"template";s:18:"default/breadcrumb";s:4:"data";a:2:{s:4:"meta";a:1:{s:4:"type";s:10:"breadcrumb";}s:10:"breadcrumb";a:2:{i:1;a:2:{s:3:"url";s:9:"analysis/";s:4:"text";s:8:"Analyser";}i:0;a:2:{s:3:"url";s:20:"analysis/colorscheme";s:4:"text";s:22:"Utvärdera Webbplatser";}}}}s:5:"flash";a:3:{s:6:"region";s:5:"flash";s:8:"template";s:13:"default/image";s:4:"data";a:1:{s:3:"src";s:21:"image/flash.jpg?w=960";}}s:19:"next-previous-above";a:4:{s:6:"region";s:4:"main";s:8:"template";s:21:"default/next-previous";s:4:"sort";i:1;s:4:"data";a:4:{s:17:"nextPreviousTitle";b:0;s:4:"meta";a:1:{s:4:"type";s:13:"next-previous";}s:4:"next";a:10:{s:4:"file";s:35:"analysis/500_speed-and-usability.md";s:7:"section";s:3:"500";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:27:"Hastighet och användbarhet";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;s:5:"route";s:28:"analysis/speed-and-usability";}s:8:"previous";a:10:{s:4:"file";s:23:"analysis/100_content.md";s:7:"section";s:3:"100";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:7:"Content";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;s:5:"route";s:16:"analysis/content";}}}s:4:"main";a:3:{s:4:"sort";i:2;s:4:"data";a:3:{s:4:"meta";a:1:{s:4:"type";s:8:"toc-sort";}s:7:"content";s:4489:"<h1>Utvärdera Webbplatser</h1>

<p>Jag har valt två sidor som jag själv besöker ofta och en som jag känner till via en kompis och jag visste att den hade en stark ”primärfärg”. Jag har använt chromeinspectorn för att plocka ut färgerna från sidorna. Jag har inte jobbat i grupp. Men jag är medlem i min egna lilla grupp.</p>

<p>Gruppmedlemmar: Rasmus Steen</p>

<h3>Archlinux.org</h3>

<p><img src="https://i.imgur.com/LHEcIc0.png" alt="Archlinux.org" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #f6f9fc"></td>
    <td style="height: 25px; width: 25px; background-color: #ecf2f5"></td>
    <td style="height: 25px; width: 25px; background-color: #333"></td>
    <td style="height: 25px; width: 25px; background-color: #3ad"></td>
    <td style="height: 25px; width: 25px; background-color: #08c"></td>
  </tr>
</table>

<p>Här är det primära syftet att förmedla information till användaren. Här används färger för att visa användaren vart den viktiga informationen finns och vart det går att ta sig vidare för att läsa mer om det aktuella ämnet. Färgschemat tycks vara monokromatiskt då bakgrundsfärgen är en väldigt ljus blå färg och det mesta med färg på sidan är någon typ av blå. Den tydliga blå färgen skulle kunna räknas som en accentfärg men det känns osäkert. Man ser också tydligt vart informationen finns då det finns tydliga avgränsare. På denna sida har man valt ett sans-seriff typsnitt på både rubriker och brödtext, troligen för läsbarhetens skull. Rent med enkla färger, inget tydligt skrikigt. Sidan ger en känsla av ”to the point”. Med det menas här har du information, länkar till resurser och inget trams vilket gynnar webbplatsens syfte.</p>

<h3>GitHub.com</h3>

<p><img src="https://i.imgur.com/LTliSwP.png" alt="GitHub.com" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #24292e"></td>
    <td style="height: 25px; width: 25px; background-color: #0366d6"></td>
  </tr>
</table>

<p>Även här är syftet att förmedla information. Mer i en form av statistik och process i projekt. Här är många av färgerna beroende på användarens val av upplagd information. Sidan är enkel med bara två basfärger och ingen riktig accentfärg vad jag kan se. Färgerna är tydliga nyanser av varandra så det känns som att sidan följer ett nyans tema. Även texten är i samma färger som resten av sidan (då den inte är länkar). Sidan får en svag nyans av blå, troligtvis på grund av länkarna. Menyn är dessutom i en nyans av blå. Typsnittet är sans-seriff, troligen även här på grund av läsbarheten. Både rubriker och brödtext är sans-seriff. En enkel sida där man tydligt leds till informationen och navigationsmöjligheterna. Här finns heller inget trams som gör att man inte hittar till rät information och att sidans färger är enkla gynnar troligtvis sidan då informationen kan vara rätt komplicerad ibland.</p>

<h3>TaxiCaller.com</h3>

<p><img src="https://i.imgur.com/olkPTZ9.png" alt="TaxiCaller.com" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #222222"></td>
    <td style="height: 25px; width: 25px; background-color: #FDD942"></td>
  </tr>
</table>

<p>Denna sida ser på startsidan ut som en grå-vit sida med en gul accentfärg men om man klickar runt lite ser det mer ut som en vit-gul sida med en grå accent. På grund av det tror jag att jag bedömer sidan som en triad av dem tre färger du ser i paletten. Då sidans huvudsakliga syfte är att sälja in en produkt misstänker jag att det är därför man valt en stark gul färg då det ger sidan mer ”energi”. Även denna sida har sans-seriff typsnitt på både rubriker och brödtext. Återigen troligtvis då seriff typsnitt helt enkelt inte riktigt fungerar på webben (personlig åsiktsvarning). Det blir lätt kladdigt och svårläst med seriffer enligt mig. Färgerna på sidan passar ordentligt bra då dem vill sälja något till taxiföretag och taxi ofta förknippas med en gul färg. Sidan blir lite ”svårare” än dem andra två då den gula färgen ”drar” mer i dina ögon. Det verkar dock vara syftet då det finns så kallade selling points dit den gula färgen tar dig.</p>
";s:7:"excerpt";s:4489:"<h1>Utvärdera Webbplatser</h1>

<p>Jag har valt två sidor som jag själv besöker ofta och en som jag känner till via en kompis och jag visste att den hade en stark ”primärfärg”. Jag har använt chromeinspectorn för att plocka ut färgerna från sidorna. Jag har inte jobbat i grupp. Men jag är medlem i min egna lilla grupp.</p>

<p>Gruppmedlemmar: Rasmus Steen</p>

<h3>Archlinux.org</h3>

<p><img src="https://i.imgur.com/LHEcIc0.png" alt="Archlinux.org" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #f6f9fc"></td>
    <td style="height: 25px; width: 25px; background-color: #ecf2f5"></td>
    <td style="height: 25px; width: 25px; background-color: #333"></td>
    <td style="height: 25px; width: 25px; background-color: #3ad"></td>
    <td style="height: 25px; width: 25px; background-color: #08c"></td>
  </tr>
</table>

<p>Här är det primära syftet att förmedla information till användaren. Här används färger för att visa användaren vart den viktiga informationen finns och vart det går att ta sig vidare för att läsa mer om det aktuella ämnet. Färgschemat tycks vara monokromatiskt då bakgrundsfärgen är en väldigt ljus blå färg och det mesta med färg på sidan är någon typ av blå. Den tydliga blå färgen skulle kunna räknas som en accentfärg men det känns osäkert. Man ser också tydligt vart informationen finns då det finns tydliga avgränsare. På denna sida har man valt ett sans-seriff typsnitt på både rubriker och brödtext, troligen för läsbarhetens skull. Rent med enkla färger, inget tydligt skrikigt. Sidan ger en känsla av ”to the point”. Med det menas här har du information, länkar till resurser och inget trams vilket gynnar webbplatsens syfte.</p>

<h3>GitHub.com</h3>

<p><img src="https://i.imgur.com/LTliSwP.png" alt="GitHub.com" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #24292e"></td>
    <td style="height: 25px; width: 25px; background-color: #0366d6"></td>
  </tr>
</table>

<p>Även här är syftet att förmedla information. Mer i en form av statistik och process i projekt. Här är många av färgerna beroende på användarens val av upplagd information. Sidan är enkel med bara två basfärger och ingen riktig accentfärg vad jag kan se. Färgerna är tydliga nyanser av varandra så det känns som att sidan följer ett nyans tema. Även texten är i samma färger som resten av sidan (då den inte är länkar). Sidan får en svag nyans av blå, troligtvis på grund av länkarna. Menyn är dessutom i en nyans av blå. Typsnittet är sans-seriff, troligen även här på grund av läsbarheten. Både rubriker och brödtext är sans-seriff. En enkel sida där man tydligt leds till informationen och navigationsmöjligheterna. Här finns heller inget trams som gör att man inte hittar till rät information och att sidans färger är enkla gynnar troligtvis sidan då informationen kan vara rätt komplicerad ibland.</p>

<h3>TaxiCaller.com</h3>

<p><img src="https://i.imgur.com/olkPTZ9.png" alt="TaxiCaller.com" /></p>

<p>Färger</p>

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #222222"></td>
    <td style="height: 25px; width: 25px; background-color: #FDD942"></td>
  </tr>
</table>

<p>Denna sida ser på startsidan ut som en grå-vit sida med en gul accentfärg men om man klickar runt lite ser det mer ut som en vit-gul sida med en grå accent. På grund av det tror jag att jag bedömer sidan som en triad av dem tre färger du ser i paletten. Då sidans huvudsakliga syfte är att sälja in en produkt misstänker jag att det är därför man valt en stark gul färg då det ger sidan mer ”energi”. Även denna sida har sans-seriff typsnitt på både rubriker och brödtext. Återigen troligtvis då seriff typsnitt helt enkelt inte riktigt fungerar på webben (personlig åsiktsvarning). Det blir lätt kladdigt och svårläst med seriffer enligt mig. Färgerna på sidan passar ordentligt bra då dem vill sälja något till taxiföretag och taxi ofta förknippas med en gul färg. Sidan blir lite ”svårare” än dem andra två då den gula färgen ”drar” mer i dina ögon. Det verkar dock vara syftet då det finns så kallade selling points dit den gula färgen tar dig.</p>
";}s:8:"template";s:15:"default/article";}s:19:"next-previous-below";a:4:{s:6:"region";s:4:"main";s:8:"template";s:21:"default/next-previous";s:4:"sort";i:3;s:4:"data";a:4:{s:17:"nextPreviousTitle";b:1;s:4:"meta";a:2:{s:4:"type";s:4:"copy";s:4:"view";s:19:"next-previous-above";}s:4:"next";a:10:{s:4:"file";s:35:"analysis/500_speed-and-usability.md";s:7:"section";s:3:"500";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:27:"Hastighet och användbarhet";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;s:5:"route";s:28:"analysis/speed-and-usability";}s:8:"previous";a:10:{s:4:"file";s:23:"analysis/100_content.md";s:7:"section";s:3:"100";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:7:"Content";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;s:5:"route";s:16:"analysis/content";}}}s:3:"toc";a:3:{s:6:"region";s:12:"sidebar-left";s:8:"template";s:11:"default/toc";s:4:"data";a:3:{s:5:"title";s:4:"Grid";s:4:"meta";a:1:{s:4:"type";s:8:"book-toc";}s:3:"toc";a:4:{s:14:"analysis/index";a:9:{s:4:"file";s:21:"analysis/000_index.md";s:7:"section";s:3:"000";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:5:"Index";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;}s:16:"analysis/content";a:9:{s:4:"file";s:23:"analysis/100_content.md";s:7:"section";s:3:"100";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:7:"Content";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;}s:20:"analysis/colorscheme";a:9:{s:4:"file";s:27:"analysis/400_colorscheme.md";s:7:"section";s:3:"400";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:22:"Utvärdera Webbplatser";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;}s:28:"analysis/speed-and-usability";a:9:{s:4:"file";s:35:"analysis/500_speed-and-usability.md";s:7:"section";s:3:"500";s:5:"level";i:0;s:8:"internal";b:0;s:7:"tocable";b:1;s:5:"title";s:27:"Hastighet och användbarhet";s:11:"publishTime";b:0;s:13:"sectionHeader";N;s:8:"linkable";N;}}}}}s:11:"frontmatter";a:1:{s:5:"title";s:22:"Utvärdera Webbplatser";}}