MADE IN 3W - Interaktywna Biblia - Drupal, seo, pozycjonowanie

ColorSuckr to narzędzie to  tworzenia palet kolorów z obrazków. Schemat działania jest bardzo prosty. Wpisujesz ścieżkę do obrazka, a narzędzie potrafi wyciągnąć jego kolory. Dodatkowo ColorSucker poleca  palety kolorów z serwsiu ColourLovers.com. 

Przykład.

Rezultat pracy programu jest podawany w formacie:

Obrazek koloru, np.                         

Hex, np. #A668C6

Websafe (hex), np. ##9966cc

RGB, np. R:166 G:104 B:198

Dodatkowo, aby wyświetlić palety kolorów, klikamy Show i widzimy coś takiego:

Każda paleta jest również klikalna i jej kliknięcie przenosi nas na stronę serwisu ColourLovers.

Nie wiem, jak Wam, ale mnie takiego narzędzia od dawna brakowało. Dodatkowo, zawsze możecie sobie zapisać taką paletę kolorów jako zakładkę w przeglądarce lub w delicjach. Istnieje ponadto Addon do Firefoxa, który można pobrać stąd.

Na sam koniec, wg mnie najciekawsza funkcja. Rezultaty można sobie pobrać w formatach .ACO (Adobe), XML, JSON i RSS. DLa mnie, jako, że noszę się z zamiarem utworzenia generatora stron WWW najciekawszym rozwiązaniem wydaje się być parsowalny format XML.

Chcąc zaprojektować dobrą stronę www nie możesz kierować się wyłącznie swoim widzimisię, a nawet widzimisię Twojego zleceniodawcy. (pisze o tym Jacob Cass na swoim blogu). Musisz pisać przede wszystkim dla użytkowników. A ci mają już wyrobione swoje zachowania, sposób w jaki zwiedzają strony, swój tryb poszukiwania informacji.

Jakob Nielsen zauważył i opisał na swoim blogu jeden z modeli, z jakiego korzystają użytkownicy. Polega on na tym, iż przeglądają oni witrynę w trzech liniach: dwa razy od lewej do prawej by zjechać pionowo w dół. Tak narodził się częsty model F przeglądania strony. Najlepiej wyjaśni to obrazek.




Narzędzie, którym zostały zrobione obrazki nazywa się EyeTracker. Jak widać na w/w obrazkach użytkownicy przeglądają witryny w rzędach od lewej do prawej i jeśli nie znajdą szybko informacji przeglądają witrynę w dół, przy czym klikalność pierwszych bloków witryny jest kilkukrotnie wyższa niż kolejnych.

Na sam koniec dodam, że użytkownicy przeglądając witrynę zachowują się trochę bezmyślnie. Bowiem z grafik tu przedstawionych wyraźnie widać, iż tak naprawdę to sami nie wiedzą czego poszukują. Kilkają bezmyślnie w pierwszy lepszy sektor i surfują dalej.

Przy okazji wyszła mi tutaj jedna rzecz, że byłem w błędzi sądząc, że userzy zawsze patrzą wpierw na lewy górny róg strony. W pierwszych dwóch przypadkach byłoby to więc Menu/Nawigacja boczna, lecz tak się nie stało. Co więc zachęciło użytkowników pokazanych stron an kliknięcie w to czy tamte miejsce? Mógł być to kolor, który podobno jest szalenie ważny, a im jażniejszy tym większą uwagę przykówa. Wypadało by więc, aby użytkownik głupi kliknął na żółte lub pomarańczowe menu. Tymczasem on jest skrupulatnie omijał. Na temat kolorów pisałem w tym poście: Znaczenie kolorów na stronach www. Wynikało z niego, że użytkownicy powinni klikać w ten żółty i pomarańczowy (oba ciepłe, zachęcające do klikania) kolor. Tak się jednak nie stało. Moja odpowiedź dlaczego: bo ponieważ najjaśniejszym kolorem był w tym wypadku biały!

Technika, którą m.in. testuję na tym blogu, to oznaczanie najważniejszych treści najjaśniejszym kolorem. Jedynie w wypadku treści tekstowych byłem gotów na wyrzeczenie, ale chyba czas to zminić. Od teraz dam na biało linki, a niech treść postów będzie jasno-zielona.

Więcej na temat użytkowników z deseniem F można poczytać na stronie www.useit.com

Jakie kolory stosować?

Gotowych rad tu nie znajdziesz, bo takowych uniwersalnych nie ma, można jednak podkreślić pewne aspekty składajace się na identyfikację kolorów.

• Różnice społeczne, kulturowe - zarówno globalne, np biały jest uznawany za kolor żałoby w japoni i korei, u nas czarny z fioletowym do tego służy.

  Jak i różnice lokalne np. wiek wśród odbiorców, młodzi w naszej komercyjnej kulturze przewaznie wolą kolory jaskrawe, czyste (pewnie z przyzwyczajenia, bo właśnie takie wyraźne kolory dostarcza się małym dzieciom), podczas gdy starszym osobom lepiej zafundować bardziej stonowane kolory.

  Można tu też zaliczyć status społeczny, polityk będzie się ubierał tak jak inni politycy. A młody buntownik tak jak inni buntownicy. Oczywiście są wyjątki jeżeli ktoś chce sie wyróżnić, podkreślać swoją odmienność w danej grupie społecznej np. Jacek Kuroń w niebieskiej koszuli.

  Jak widać w tworzeniu stron www, warto zwrócić uwagę do kogo tak w zasadzie kierujemy naszą stronę, do jakiej grupy społecznej, kierujesz do ekologów - rób na zielono, kierujesz do osób starszych rób w pastelach.

• Doświadczenia uniwersalne - czyli te które dotyczą każdego z nas, np. kolor czerwony jako kolor związany z emocjami i ciepłem, (ogień,krew i serce ktore utrzymuja nas przy życiu itp) nie często też występuje naturalnie, chyba że się np. pokaleczymy. Przykłuwa uwagę na całym świecie i wywołuje szybkie emocjonalne reakcje, np używany jako czerwony znak STOP (zielony jechać, czerwony stop) - do szybkiego reagowania. Badania nad mózgiem dowodzą, że w sytuacjach kryzysowych (wymagajacych szybkiej reakcji) emocje mogą wziąść górę nad świadomym myśleniem, o to własnie chodzi niektórych zastosowaniach tego koloru np. w połączeniu z niebezpieczeństwem, skoro tak czy inaczej daje on silny bodziec dla emocji. Można stosowac na stronie internetowej w podobnych celach, choć pamiętaj aby nie za wiele, bo za dużo emocji, to nie zdrowo i traci wtedy swoje znaczenie.

  Weźmy jeszcze np. niebieski, żyjemy w końcu pod tym samym niebem, i oglądamy podobne powierzchnie wody. Niebieski jest przeźroczysty, nieskończony, nieograniczony, czysty i daleki. Niebieskie przedmioty oddalają się, oczywiście to tylko złudzenie, spowodane tym że niebo zawsze było daleko i nieosiągalne, zjawisko to można np. wykorzystać do próby przybliżania innych kolorów, w kontraście z niebieskim. Jeszcze taka mała ciekawostka dawniej malowano domy na niebiesko, bo owady nie lubią latać w strone niebieskiego, mają poprostu powody by nie przemiesczać się w górę w stronę nieba, a człowiek to wykorzystał.

  Jeszcze jeden z podstawowych kolorów został do omówienia, jest nim żółty. Żółty - pochodzący od Słońca, tego słońca które przez wiele lat było uważane nie za gwiazdę, ale za bóstwo. Jak już o bóstwach mowa to mamy też żółte pioruny od gromowładnego. Żółte słońce i żółty ogień, siarka - umożliwały poznawanie świata przez rozświetlanie dróg, gdyby nie te źródła światła to świat nie byłby ten sam, stąd niesie ten kolor ze sobą duże znaczenie jako kolor władczy i porządany. Nawet w dzisiejszych czasach, w których tak sobie cenimy złote ozdóbki (kolejne bóstwo) i potrafimy się o nie nawzajem pozabijać. Jak kiedyś słońce tak teraz "żółty" prąd dostarcza nam powodów do życia i radości. Dzieki temu wszystkiemu żółty jest dla nas najbardziej widocznym i rzucającym sę w oczy kolorem, niesie ze sobą zarówno porządanie jak i niebezpieczeństwo. Robotnicy na budowach mają żółte ubrania, czy też żółte kaski aby było ich widać z daleka. Jest często używany przy tworzeniu reklam, właśnie ze względu na swoja widoczność.
  
  
  

• Kolory, a kategorie produktów - przygotowywując się do stworzenia, czy też reklamowania jakiegos produktu, najpierw szukamy części wspólnych tego produktu z daną kategorią produktów, a potem dopiero cech wyróżniajacych. Do części wspólnych kategori produktów często zaliczany jest właśnie kolor, np. komputery i elektronikę często spotykamy w różnych skalach szarości. Jeżeli masz na swojej stronie jakieś produkty warto się zastanowić czy nie mają one jako cechy wspólnej jakiegoś koloru.

  Dlaczego warto podkreślić rolę części wspólnych? - w procesie uczenia się, ostatnim stadium jest zapominanie o tym że stosujemu daną wiedzę, staje się ona dla nas codziennością. Np. mleko zawsze jest białe, nie musimy tego sprawdzać, właśnie ta swiadomość pozwala nam sprawniej funkcjować - raz sie nauczyliśmy, a potem z góry zakładamy że to mleko jest białe, tak samo z każdym innym popularnym produktem.

  Można oczywiście próbować stosować element zaskoczenia, próbowac się wyróżnić. Kiedyś znalazłem w osiedlowym sklepie jakieś desery mleczne w czarnym opakowaniu, chyba coś nie szły, bo długo stały, więcej ich nie spotkałem. Bardziej przypominały znicze niż kategorie produktu do której należały.

  
  
  
• Cechy grup produktów związane z kolorem - kolory też kojarzą nam sie z różnymi cechami, np. niektóre kolory mają swoją wagę. Biały waży kilka gramów, podczas gdy czarny kilka kilogramów. W modzie są produkty z napisem "Light" (lekkie, mają mało cukru itd), opakowania tych produktów też są lekkie. Czarne pastylki odchudzające? - jakby to wygladało, albo z drugiej strony białe ciężarki do ćwiczeń? Mamy lekki puch śniegowy, lekkie chmury i ciężkie ciemne chmury.

  Czarny garnitur - ciężki rozwazny, dlatego pewnie niektórzy kojarzą go z finansami, bo chcą aby ich kasa była w rozważnych stanowczych rękach mocno stąpających po ziemi. Lepiej tak, niż w białym lekkim wybielonym lekkoduchu - który umywa ręce.

  Kolejna sprawa kolory ciepłe: pomarańczow, żółty, czerwony - stymulują do działania, energiczne, w porównaniu z kolorami bardziej uspokajającymi - niebieski, zielony, fioletowy, szary (używanymi np. jako zimne tło dla lepszego kontrastu).

  
  
  
• Moda na kolory - doskonałym przykładem jest np. "czarna wołga" - inna już być nie może. Czy też "gorączka złota", mówiąca o dobitym znaczeniu zółtego koloru. Można też tu wspomnieć o kolorze będącym ostatnio w modzie, zapoczątkowanej poprzez "pomarańczową rewolucję".

  Oprócz takiej mody, mamy jeszcze powatrzające sie zjawiska uwielbienia niektórych kolorów, np. czerwone mikołaje, czy serca na walenetynki. Czy też zieleń na wiosnę.

To by było na tyle o znaczeniu kolorów, mam nadzieję że od tej pory zaczniesz trochę inaczej je postrzegać bardziej wykorzystywać ich znaczenie. Pamiętaj jednak aby nie brać żadnej interpretacji za jednej i jedynie słusznej, działającej uniwersalnie, każdy człowiek jest inny, ma inną percepcję wynikajacą z doświadczenia. Dlatego każdy kolor ma dla każdego odrobinę inne znaczenie, związane z innymi emocjami, skojarzeniami.