Makieta witryny – pierwszy szkic strony

W jednym z poprzednich artykułów pt. “Jak z powodzeniem realizować projekty informatyczne?” pisałem o tym, że pisanie specyfikacji do projektów jest jedną z ważniejszych rzeczy, aby projekt odniósł sukces, dziś chcę napisać Wam o kolejnym kroku jaki w tym celu należy zrobić.

Jakie elementy powinny znaleźć się na stronie?

Często zadawałem sobie to pytanie i z reguły robiłem projekty tak, aby były atrakcyjne wizualnie nie zwracając uwagi na bardzo istotny fakt. A jest nim jego użyteczność. Zadajmy sobie pytanie. Czego oczekujemy od klienta? Co klient ma zrobić na naszej stronie? Jaka jest NOA (najbardziej oczekiwana akcja). Przykładem NOA może być złożenie zamówienia w sklepie internetowym, zatelefonowanie do naszego biura, zapisanie się na newsletter… Zatem budowa np. strony głównej zależy od tego co chcemy, aby klient na niej wykonał.

Ten link może być Ci pomocny przy projektowaniu strony firmowej.

Przy większych projektach witryn często stosuję makiety stron.

Czym są makiety witryn?

Są to pierwsze szkice strony zanim przystąpimy do projektowania graficznego strony, zanim oddamy ją do realizacji grafikowi.

czytaj dalej

Wady istock’ów

2 dni temu pisałem o istockach i ich wielkich zaletach dla kupujących i sprzedających. Teraz trochę pozrzędzimy 🙂
Główną wadą jest to, że zdjęcie, które kupujemy może pojawić się na 1000 innych stronach.

Zauważyłem ostatnio, że jest to co raz większy problem. Gdy około 3 może więcej lat temu stworzyłem swoją stronę firmową www.gdaq.pl miałem bardzo fajne unikatowe zdjęcie. Co się stało po kilku latach? Zdjęcie z mojej strony zaczęło pojawiać się nagminne w wielu innych serwisach. To samo zauważyłem pracując na etacie w jednej z firm. Zdjęcia z naszych materiałów marketingowych zaczęły pojawiać się w innych serwisach, newsletterach, ogłoszeniach w gazetach…
Myślę, że jest to jedna z największych wad tego typu serwisów, jednak nie wiele firm stać na prywatne sesje zdjęciowe.

Kolejny problem z jakim się spotkałem to brak możliwości wykorzystania tych zdjęć do szablonów stron www, albo chorendalnie drogie licencje na tego typu działania.

Część serwisów w ogólnie nie zezwala na wykorzystanie zdjęć do szablonów stron, część wyraża na to zgodę jednak ich koszt sięga około 300-500zł.

czytaj dalej

Skąd brać fotografie do projektów?

To czy projekt strony wygląda dobrze czy też nie w dużej mierze zależy od zdjęć na niej użytych. Pamiętam jeszcze czasy jak do projektowania stron nie używałem zdjęć w ogóle, albo robiłem je samemu.
Efekt projektowanych w ten sposób stron był oczywiście mizerny jednak są to już zamierzchłe czasy.
Od dłuższego czasu korzystam z istocków gdzie za kilka $ można kupić profesjonalne zdjęcia do wykorzystania do niemalże wszystkiego w zależności od zakupionej licencji.
Serwis z którego początkowo korzystałem to bigstockphoto.com, szybko po tym odkryłem jeden z większych tego typu serwisów istockphoto.com, a ostatnio dowiedziałem się o największym tego typu serwisie shutterstock.com.

Co ciekawe w serwisach tych można kupić nie tylko zdjęcia, ale i video, dźwięki, grafiki, layouty wizytówek, ogłoszeń, stron.
Dla mnie poza zdjęciami bardzo ciekawe są np. ikony do stron, które potrafią bardzo uatrakcyjnić ją niewielkim kosztem. Obrazy wektorowe ze względu na ilość pracy włożonej i możliwości dowolnego ich skalowania są droższe.
Jeśli chodzi o ilość materiałów to shutterstock “rządzi”. Jakościowo shutterstock i istock są podobne i bardzo często są to te same zdjęcia czy grafiki.

czytaj dalej

Jakie statystyki wybrać do strony www i jak z nich korzystać?

Regularne sprawdzanie statystyk naszej strony www to bardzo ważna rzecz.
Warto wiedzieć czy liczba użytkowników naszej strony rośnie, spada i czym to jest spowodowane.
Jaka ilość użytkowników pochodzi z wyszukiwarek, a jaka z odwiedzin bezpośrednich czy innych stron…

Polecam instalacje statystyk już na samym początku uruchomienia strony, abyśmy mogli obserwować zwiększanie się ruchu na niej. Z pewnością nie zaskoczę Was jeśli powiem, że korzystam ze statystyk Google Analitycs 🙂

Dlaczego akurat one?
1. są darmowe,
2. mają bardzo zaawansowane funkcje,
3. są uważane za jednej z najlepszych.

Rejestracja konta w Google Analitycs jest darmowa i konto nie posiada ograniczeń co do ilości dodawanych stron do niego.

Co takiego ciekawego jest w tych statystykach co przekona i Ciebie do korzystania z nich?
Po krótce wymienię kilka ciekawszych funkcji. Jednak głównie chciałbym Ci pokazać na przykładzie bloga jaką wiedzę uzyskałem dzięki statystykom.

czytaj dalej

Kreator znaczków web2.0

imageSzukając ciekawych grafik w stylu web2.0 w poszukiwaniu inspiracji do tworzonego jakiś czas temu layoutu znalazłem stronę na której on-line można generować znaczki typowe dla stylu graficznego web2.0. Adres tej strony to https://www.web20badges.com.

Na stronie na żywo generujemy sobie znaczek. Klikamy wzór graficzny jaki nas interesuje, wpisujemy napis jaki ma się na nim znaleźć, wybieramy rozmiar, krój, kolor oraz wielkość czcionki klikamy “Apply” i znaczek mamy gotowy. Następnie tak jak instruuje nas strona (“right click and select “save image as” or “save picture as”) należy kliknąć prawy przycisk na wygenerowanej grafice i zapisać jako obrazek. Gotowe!

czytaj dalej

Page Rank co to jest?

Co to jest PageRank?

PageRank jest algorytmem określającym jakośc strony w skali od 0 do 10. Główny wpływ na wartość PR strony mają linki zwrotne (ich ilość oraz wartość) co nazywane jest “Link Popularity”. W większości przypadków jeśli strona ma wysoki Page Rank ma ona też wysokie pozycje w Google.

Działanie PageRank
Poniższy cytat pochodzi z Wikipedii:
“PageRank jest rozwinięciem znanej od dawna heurystyki, wedle której jakość tekstu jest proporcjonalna do liczby tekstów na niego się powołujących. Ulepszenie zaproponowane przez autorów Google polegało na ważeniu jakości odnośników wskazujących na rozpatrywany tekst ich własną wartością PageRank. Innymi słowy: jeśli na dany tekst powołuje się artykuł, który sam ma wysoką ocenę, ma to większe znaczenie, niż gdy na ten sam tekst powołuje się mało popularna strona.

czytaj dalej

Co to za czcionka?

Czy mieliście kiedykolwiek taki problem?
Ja nie raz otrzymywałem informację od klienta, że chce taki font jak zobaczył gdzieś na stronie w grafice, albo otrzymuję baner czy inny plik bez czcionki. Dziś kolega w pracy też zapytał mnie czy nie wiem przypadkiem “jaki font jest w tym banerze”.

Ostatnio na grupie dyskusyjnej google związanej z grafiką komputerową jedna osoba podała link do pliku graficznego i też pytała jaki to font.
Jeśli kiedykolwiek spotkałeś się z takim problemem to musisz przeczytać ten post.

czytaj dalej

Jak z powodzeniem realizować projekty informatyczne?

Rozmawiając ostatnio z bratem (programistą) i pracując nad nowym projektem zaczęliśmy rozmawiać o rozbieżnościach w projektach pomiędzy tym co zamawia klient, a tym co otrzymuje i przypomniał mi się poniższy obrazek.

To czego klient potrzebował. To co klient zamówił.
To co analityk zrozumiał. To co opisywał projekt.
To co wykonali programiści. To co powstało po wdrożeniu.
To za co klient musiał zapłacić. Brak tutaj rysunku pt.: “To za co klient zapłacił” ognisko z drzewem i siekierą 🙂

Wykorzystane rysunki pochodzą ze strony www.nurt.pl

Jak pewnie większość informatyków przyzna jest w tym trochę racji.

Dlaczego tak jest?
W mniejszych projektach problemy tego typu nie występują jednak przy dużych owszem. Moim zdaniem cały problem polega na braku specyfikacji, albo bardzo ogólnej specyfikacji, która niewiele mówi programistom oraz klientom. Myślę, że problemy tego typu występują nie tylko w małych firmach, ale także duże firmy stają przed takim problemem.

czytaj dalej

Testowanie stron WWW w różnych przeglądarkach

Testowanie jest jednym z ważniejszych procesów w wielu dziedzinach i tak też jest w projektowaniu witryn www. Dziś poruszę kwestię testowania stron www w różnych przeglądarkach przed jej oficjalnym uruchomieniem.

O ile zainstalowanie jednej wersji FF, IE, Opery nie sprawia problemu o tyle instalacja różnych ich wersji czy skorzystanie z przeglądarek Linuxowych, Macowych może być wręcz niemożliwe.

Jak testować stronę w różnych przeglądarkach?
Standardowo strony testuję pod FF, IE6, IE7, Opera. Na komputerze mam zainstalowane FF, Operę, IE7. Do testowania strony w pozostałych wersjach IE od 5 do 8 wykorzystuję IE tester https://www.my-debugbar.com/wiki/IETester/HomePage. To są dla mnie najważniejsze wyszukiwarki do których dostosowuję witryny.
W poprzedniej firmie zanim zacząłem korzystać z IE Tester miałem zainstalowaną wirtualną maszynę co pozwalało mi testować stronę w IE6.

czytaj dalej

Sprytne katalogowanie – ciekawy program do katalogowania

Katalogowanie jest jedną z głównych metod pozycjonowania stron www. Niegdyś metoda bardzo skuteczna dziś powoli odchodzi do lamusa.

Katalogowanie polega na dodaniu linka do swojej strony z tytułem, opisem i słowami kluczowymi do katalogów stron. Dzięki temu pozyskujemy linki zewnętrzne do naszej strony i jej pozycja rośnie w wyszukiwarkach. Metoda ta jest/była dość skuteczna jednak pracochłonna. Wymagała pracy przez powiedzmy miesiąc 30 minut dziennie. Pamiętam jeszcze jak miałem w excelu zrobioną listę katalogów z podziałem na ich wartość według PR i ręcznie dodawałem strony, w excelu odhaczając kolejne.

Katalogowanie stało się na tyle popularne, że powstały programy, które robią to automatycznie. Jeden z popularniejszych to Adder (sam z niego korzystam). Programowi podajemy title, description oraz keywords, a on za nas zajmuje się dodawaniem strony do katalogów.
Program cały czas jest rozwijany choć niestety, ale jego skuteczność i innych tego typu programów nie jest rewelacyjna. Bardzo często nie dodaje naszej strony do katalogu z różnych powodów. Rozwój programu pozwolił na dodawanie strony nie tylko do katalogów QlWeb, ale i także innego typu. Dodatkowo możemy dodawać stronę tylko do katalogów z danym PR, określić ilość katalogów na dzień…

czytaj dalej

Wszelkie prawa zastrzeżone. Zabrania się wykorzystywania jakichkolwiek treści bez zgody autora.

Slawek Gdaq

Chcesz, żebym pomógł Ci zwiększyć pozycje, ruch i przychody z Twojej strony?

Sprawdź moją propozycję pozycjonowania.