Kafle jako trend w projektowaniu stron internetowych
Sie12

Kafle jako trend w projektowaniu stron internetowych

Pojawienie się na rynku Windows 8 wprowadziło nieco zamieszania na rynku, szczególnie w zakresie Web designu. Microsoft stworzył bowiem innowacyjny system obsługi systemu operacyjnego, poprzez duże ikony wyświetlane na pulpicie, które kierowały użytkownika bezpośrednio do danego programu, pliku czy aplikacji. Rozwiązanie to zdobyło największą popularność w 2013 roku, jednak jest to jeden z głównych trendów w projektowaniu stron internetowych na rok 2014 r. Kaflowy interfejs spełnia szereg oczekiwań, jakie stawiają przed sobą Web designerzy. Obecnie projektowane przez nich witryny mają być przejrzyste, oszczędne i funkcjonalne. Posługiwanie się ikonami w postaci kafli znacznie przyspiesza poruszanie się po stronie, ponieważ prowadzi bezpośrednio do interesujących użytkownika treści. Ponadto układ kaflowy charakteryzuje się dużą estetyką, co doskonale współgra z obowiązującymi aktualnie tendencjami do stosowania żywych kolorów i designerskiego wykonania. Taki interfejs jest bowiem dostosowywany do wyglądu urządzeń, i współgra z nimi pod względem estetycznym. Wyświetlanie treści w postaci dużych ikon, zastępuje stosowane dotąd klasyczne tytuły i nagłówki, przy czym dąży się do tego, aby na stronie było jak najmniej treści, która ma ustąpić miejsca przyciągającej wzrok i uwagę grafice. Dla osób zajmujących się tworzeniem stron WWW jest to dodatkowe wyzwanie, polegające na zainteresowaniu użytkownika kreatywnym obrazem. Musi on współgrać z tematyką strony, i jednocześnie być streszczeniem kryjącego się pod nim tekstu czy aplikacji. Kafle doskonale sprawdziły się w urządzeniach mobilnych, bo poza swoim nowoczesnym wyglądem, zajmują dużo mniej przestrzeni, przez co strona jest bardziej czytelna i przejrzysta, co ma duże znacznie szczególnie, gdy użytkownik nie chce poświęcać dużo czasu, aby ją przejrzeć. Kafle pozwalają na szybką weryfikację treści, jednocześnie zapadając w pamięć bardziej niż tekst. Biorąc pod uwagę coraz bardziej dominujący w projektowaniu stron internetowych minimalizm i prostotę, a także funkcjonalność, przyszłość kafli jako sposobu nawigacji po stronie wydaje się świetlana. Ponadto na tle większości stron, ta z kaflowym interfejsem, jest nadal rozwiązaniem innowacyjnym, co wyróżnia ją spośród innych o tej samej tematyce. Poza tym rosnąca popularność urządzeń mobilnych pozwala z dużym prawdopodobieństwem sądzić, że kafle niedługo mogą wyprzeć z rynku klasyczne, zasypane tekstem strony...

Czytaj dalej
Jak zaprojektować witrynę firmową?
Kwi17

Jak zaprojektować witrynę firmową?

Jak pokazują badania regularnie prowadzone wśród Internautów, wygląd i funkcjonalność firmowej strony internetowej ma bardzo duże znaczenie w kreowaniu jej wizerunku oraz tworzeniu zaufania wobec danej marki. Dlatego niezmiernie istotnym jest zbudowanie takiej witryny internetowej, która zachęci potencjalnego klienta do pozostania na niej, dostarczy poszukiwanych przez niego informacji oraz zmobilizuje do wykonania określonej akcji – czyli dokonania zakupu produktu bądź usługi oferowanej przez firmę. O czym pisać? Niestety wśród wielu polskich przedsiębiorców nadal panuje przekonanie, że ich strona firmowa powinna zawierać szeroki opis prowadzonej działalności, najlepiej od samego początku założenia działalności gospodarczej. Stąd praktycznie na każdej witrynie znajduje się zakładka „O firmie/Onas” bądź „Historia firmy”. Zgromadzone tu informacje nie stanowią jednak żadnego pożytku dla potencjalnego klienta, żadnej zachęty do dokonania zakupów czy pozostania i dalszego przeglądania strony. Brak jest jasnego przesłania na temat prowadzonej działalności, nie ma zawartych korzyści, jakie mogą wyniknąć ze współpracy z daną jednostką. Jest natomiast długi rys historyczny kto, komu, co i kiedy dał, zrobił, przy tym nie przydatny w żaden sposób dla konsumenta. Drugą kwestią jest tworzenie zakładek z informacjami na temat zarządu czy pracowników. Praktycznie wszędzie odnajdziemy szczegółowe informacje dotyczące składu zarządu, którego konsument nawet nie będzie miał okazji poznać. Długie opisy życiorysów i osobistych osiągnięć również nie są praktycznymi informacjami z punktu widzenia odbiorcy. Dlatego może warto zawrzeć krótkie i rzeczowe informacje o właścicielu, a szerszy opis jego sylwetki dołączyć w postaci linku przekierowującego na stronę Goldenline czy Linkedin. Użytkownik przeglądający stronę danej firmy ma jasno sprecyzowany cel swojej wizyty. Przyszedł, żeby zakupić konkretny produkt lub usługę, bądź zasięgnąć fachowej informacji z branży, w jakiej dana firma działa. Dlatego podstawą jest zawarcie wartościowych informacji na temat własnego profilu działalności. Z pewnością internautę zaciekawią, a tym samym skłonią do pozostanie na stronie, przydatne informacje dotyczące sposobu użytkowania danego urządzenia, praktyczny poradnik pokazujący jego zastosowanie lub inne wskazówki, dzięki którym konsument poszerzy swoją wiedzę w danej branży. W przypadku prowadzenia sklepu internetowego, promowane na nim produkty powinny być opisane w jasny i przejrzysty sposób. Informacja winna być pełna i nie zmuszać użytkownika do zadawania tysięcy szczegółowych pytań. W przypadku dużego asortymentu do sprzedaży warto pomyśleć o podziale produktów na kategorie i zastosowaniu w miarę precyzyjnej wyszukiwarki z wykorzystaniem słów kluczowych. Czego unikać? Równie często popełnianym błędem w budowaniu firmowych stron internetowych jest umieszczanie na nich tzw. ekranu powitalnego. Jest to najczęściej logo firmy z kilkoma zdaniami podziękowania za odwiedzenie strony lub co gorsza fleshowa wersja animacji, która nie ma żadnej wartości dodanej. Zdecydowana większość użytkowników opuszcza taką witrynę nawet nie zaglądając „do środka”. Podobnie sprawa ma się z dodawaniem muzyki w tle. Nie każdy jest melomanem, nie wiadomo również, w jakich warunkach otoczenia konsument...

Czytaj dalej
Jak zaprojektować bloga?
Mar26

Jak zaprojektować bloga?

Strony internetowe pełniące rolę blogów istnieją już od tak długiego czasu, że każdemu wydaje się, że jest ekspertem w ich tworzeniu. Niestety przyjęła się również opinia, a może już i zasada, że blog jest rzeczą „prywatną” i do jego wyglądu i funkcjonalności nie można się przyczepić. Oczywiście nic bardziej mylnego. Takie schematy można stosować do mikroblogów prowadzonych w domowym zaciszu, które praktycznie nie mają odwiedzin, a treści na nich zawierane są mało wartościowe. W przypadku, gdy blog jest zakładany w celu pozyskania szerokiego grona odbiorców, z którymi chce się dzielić istotnymi informacjami, należy przyswoić podstawowe zasady jego budowania. W ostatnim czasie coraz więcej na znaczeniu zyskują profesjonalne blogi firm, na których dany przedsiębiorca może być w stałym kontaktem ze swoim klientem. Zarówno w trybie online czy offline, może na bieżąco rozwijać swój biznes i budować wizerunek firmy, jednocześnie zaspokajając wiedzę konsumenta w zadanym mu temacie. Przy budowaniu bloga, na wstępie warto zdecydować czy strona powstanie na jednym z darmowych szablonów dostępnych w internecie, czy w oparciu o własną domenę i hosting. W przypadku blogów firmowych często podpinane są one bezpośrednio pod stronę internetową przedsiębiorstwa z bezpośrednim przelinkowaniem prowadzącym ze strony głównej. W dalszej części tworzenia tego systemu komunikacji i wymiany myśli pomiędzy internautami, należy przemyśleć jego wygląd. Nie można kierować się zasadą, że jest to mniej formalna część prowadzonej działalności firmy i obowiązuje pełna dowolność stylu i układu na stronie. Zbyt duża różnorodność kolorystyczna tła oraz użycie niedopasowanych do siebie czcionek sprawi, że zawarte na blogu informacje będą praktycznie nieczytelne. Dlatego warto wybrać stonowane jednolite tło, opcjonalnie połączyć dwa kolory, aby nie uzyskać efektu przerostu formy nad treścią. Wszelkie odnośniki do danych kategorii tematycznych czy postów archiwalnych powinny być dobrze widoczne, aby użytkownik nie był zmuszony do ich szukania lub zastanawiania się do czego służą poszczególne guziczki i odsyłacze. Współpraca pomiędzy blogerami i wzajemne polecanie swoich blogów to codzienność. Niestety zamieszczenie na stronie głównej bloga, w bocznej szpalcie, niekończącej się ilości banerów, reklam i linków wprowadza niepotrzebny chaos i odwraca wzrok użytkownika od treści właściwych. Poza tym żaden „poważny” partner czy firma nie będzie chciała współpracować w momencie, gdy jego reklama czy informacja o samej marce ma zginąć w gąszczu tysiąca innych. W tym celu można stworzyć osobną zakładkę „Współpraca” czy „Partnerzy” i tam zamieszczać tego typu banery. Jeżeli na blogu mają pojawić się zdjęcia, należy zadbać o ich wysoką jakość oraz dostosować wielkość do szerokości szpalty. Małe, niewyraźne zdjęcia, umieszczone w centralnej części strony i otoczone tekstem, prawdopodobnie nie zostaną wcale zauważone, bądź zignorowane przez użytkownika. Dodawanie grafiki, animowanych przycisków i innych obrazkowych gadżetów również powinno być zrobione z umiarem. Blog stanie się mało przejrzysty, treści nie będą...

Czytaj dalej
Parallax Scrolling – nowy trend w web designie
Sty22

Parallax Scrolling – nowy trend w web designie

Parallax Scrolling to jeden z trendów panujących obecnie w sieci. Nie da się ukryć, że ta forma przewijania zyskuje sobie coraz więcej sympatyków. Ta ciekawa technika pozwala nadać stronie wrażenie głębi, jednak wbrew pozorom nie należy ona do mocno zaawansowanych. Parallax scrolling, znany także pod nieco inną, polską nazwą – przewijanie równolegle, opiera się na sztucznym wywołaniu wrażenia paralaksy, podczas przewijania dowolnego obrazu. Paralaksa to efekt objawiający się poprzez różnice w postrzeganiu obrazów tych samych obiektów, widzianych z różnych punktów i kierunków. Efekt paralaksy sprawia, że widziane obiekty, w zależności od punktu obserwacyjnego, oddalone mogą być od siebie o różną odległość kątową, a także nachodzić na siebie lub się zasłaniać. Efekt paralaksy jeszcze szczególnie widoczny podczas poruszania się, kiedy to obiekty znajdujące się bliżej obserwatora wydają się poruszać względem niego szybciej, natomiast te znajdujące się w pewnej odległości sprawiają wrażenie poruszających się znacznie wolniej. Paralaksa jest także często wykorzystywana do dokonywania różnego rodzaju pomiarów. Efekt paralaksy, stosowany w parallax scrolling opiera się ruchu różnych obiektów i ma on za zadanie wywołania wrażenia głębi w wyświetlanym obrazie. Technika ta wykorzystuje kilka różnych warstw obrazu poruszających się na ekranie z różną prędkością. Warto zaznaczyć, że im więcej warstw znajduje się na obrazie, tym bardziej rzeczywisty się on wydaje. Parallax scrolling jednak nie zawsze skupia się tylko i wyłącznie na oddaniu jak najbardziej rzeczywistej głębi. Niekiedy może on także przyjmować postać jedynie minimalistyczną, aby w atrakcyjniejszy, a zarazem czytelny sposób przestawić informacje zawarte na stronie. Oprócz efektu wizualnego, parallax scrolling posiada także aspekty praktyczne. W poszczególnych przewijanych warstwach można umieścić odpowiednie podstrony serwisu i wyeksponować w ciekawy sposób te najważniejsze. Ponadto parallax scrolling umożliwia także zawarcie ogromnej ilości informacji na jednej postronnie w bardzo subtelny i nieodrzucający użytkownika sposób. Wadą parallax scrolling jest fakt, że zintegrowanie tego efektu z responywną stroną może niekiedy okazać się poważnym problemem. Jednak większość stron, wykorzystujących przewijanie równoległe, można uczynić responsywnymi bez konieczności wprowadzania poważniejszych zmian, za sprawą pluginów jQuery. Rozwiązanie takie jednak nie zawsze daje gwarancję bezproblemowego działania, dlatego też urządzenia mobilne mogą mieć niekiedy problem z prawidłowym wyświetlaniem obrazów. Biorąc pod uwagę rosnącą popularność parallax scrolling należy się spodziewać, że w najbliższym czasie, coraz więcej serwisów internetowych będzie korzystać z tego efektu. Warto jednak zdać sobie sprawę, że nadmierne używanie animacji może także przynieść negatywny skutek, ponieważ może to zakłócać czytelność informacji oraz odwracać uwagę od innych ważnych aspektów zawartych na stronie internetowej. Dlatego też należy używać tego efektu ostrożnie i z...

Czytaj dalej
Czym jest flat design?
Sty09

Czym jest flat design?

Płaskie projektowanie znane pod bardziej popularną, angielska nazwą – flat design, w przeciągu minionego roku zdobyło dużą popularność. Od czasu wprowadzenia flat design w systemie Microsoft Windows 8 oraz iOS 7, twórcy różnych aplikacji oraz stron internetowych coraz chętniej i częściej korzystają z niego. Obserwując panujące w sieci trendy można się spodziewać, że płaski interfejs stanie się najpopularniejszym sposobem prezentowania funkcjonalności strony, ponieważ w przeciwieństwie do innych form, jest on znacznie bardziej czytelny oraz nie stanowi dużego obciążenia dla zasobów. Płaski interfejs, zgodnie ze swoją nazwą, jest zbudowany z elementów, które nie próbują imitować trójwymiarowości. Głównym budulcem flat design są proste kształty pozbawione gradientów, cieniowanych tekstur. W płaskich interfejsach nie znajdziemy także połyskujących przycisków oraz efektów odbicia światła. Ikony są proste i stanową jedynie symboliczne przedstawienie funkcji. Wszystkie elementy są spłaszczone, dzięki czemu strony internetowe lub aplikacje mogą zachowywać minimalistyczny wygląd. Zgodnie z tą koncepcją, nie znajdziemy tutaj żadnych zbędnych elementów graficznych, mogących odciągać uwagę od istotnych treści. Minimalizm będący nieodłącznym elementem flat designu, zapewnia doskonała przejrzystość i czytelność informacji znajdujących się na stronie lub w aplikacji. Pozwala on także na ułatwienie dostępu do najważniejszych opcji oraz funkcji. Projektowanie płaskich interfejsów, wbrew pozorom nie należy do rzeczy prostych. Unikanie skomplikowanych kształtów, efektów, a także tekstur, wymaga od projektantów umiejętności stosowania odpowiedniej palety barw oraz układu elementów na stronie, aby w skuteczny sposób przyciągać uwagę użytkowników. Nieodłącznym aspektem flat designu jest także typografia, która w przeciwieństwie do innych interfejsów, ze względu na małą ilość innych elementów jest bardziej wyeksponowana. Oprócz tego wyzwaniem jest także stworzenie minimalistycznych ikon, które będą w wystarczający i czytelny sposób przekazywać określone informacje oraz będą zrozumiałe dla użytkownika. Flat design jest bardzo często porównywany do skeumorfizmu. Skeumorfizm, w przeciwieństwie do płaskiego projektowania, nie skupia się na wprowadzaniu minimalizmu. Ma on natomiast za zadanie oddanie wiernego rzeczywistości wyglądu obiektów widocznych na ekranie. Staranność odwzorowania obiektów jest doskonale widoczna na przykładzie przycisków, które są zazwyczaj wygradientowane aby uzyskać efekt 3D. Oprócz samego wyglądu, skeumorfizm naśladuje także realne zachowanie przedmiotów. Niestety pomimo wiernego odwzorowania rzeczywistości dość często zdarza się, że interfejsy skeumorficzne są nieczytelne i najważniejsze informacje mogą pozostać niezauważone. Nadmierne nagromadzenie elementów graficznych ponadto znacznie obciąża zarówno zasoby systemowe, jak też łącze internetowe. Dlatego też coraz częściej odchodzi się od skeumorfizmu. Proste elementy graficzne uwypuklają znajdującą się w nich treść. Łatwiej jest także odnaleźć interesujące nas informacje, a wydajność aplikacji i stron internetowych znacznie się zwiększa. Mając na uwadze wszystkie zalety flat designu, można być pewnym, że w następnych latach będzie on wykorzystywany na coraz szerszą skalę. Obecnie z płaskich interfejsów korzystają także największe firmy zajmujące się usługami internetowymi. Flat design można zobaczyć między innymi na stronach Google,...

Czytaj dalej
Web design – przewidywane trendy na rok 2014
Sty08

Web design – przewidywane trendy na rok 2014

Dziś każda gałąź biznesu jest obecna w sieci. Z tego powodu każda firma dąży do jak największej konkurencyjności. Każdy przedsiębiorca chce być rozpoznawany i pozytywnie identyfikowany przez konsumentów. Dlatego też niezależnie od przedmiotu działalności, każdy stara się aby jego strona internetowa była na jak najwyższym poziomie. Dzięki zastosowaniu najbardziej wygodnych, wydajnych i najbardziej atrakcyjnych rozwiązań można osiągnąć zamierzone cele. Warto jednak prześledzić trendy panujące w poprzednim roku oraz prognozy na rok 2014. Obserwując trendy panujące pod koniec 2013 roku, już teraz jesteśmy w stanie, z dużym prawdopodobieństwem, stwierdzić jakie trendy będą panowały w sieci w roku 2014. Wiele z nich z pewnością będzie korzystać z technologii opracowanych jeszcze w roku poprzednim. Nie ulega także wątpliwości, że niektóre projekty zostaną porzucone na rzecz nowych, lepszych rozwiązań. Flat Design Płaski interfejs szerzej zadebiutował wraz z premierą systemu Microsoft Windows 8 oraz iOS7. Szybko zyskał on również popularność wśród twórców stron internetowych. Flat design cechuj się przede wszystkim prostotą interfejsu, który rezygnuje z rozwiązań opracowanych w interfejsach skeumorficznych. Płaski interfejs w przeciwieństwie do skeumorfizmu nie próbuje naśladować rzeczywistego wyglądu przedmiotów oraz rezygnuje z wszelkich prób symulowania trójwymiarowości. Na pierwszym miejscu stawia on czytelność informacji. W płaskich interfejsach, ogromną rolę odrywa typografia, kolorystyka oraz symboliczne minimalistyczne ikony, będące przeciwieństwem starszych rozwiązań. Flat design jest znacznie bardziej wydajniejszą formą interfejsu, dzięki czemu w 2014 na pewno zyska on jeszcze większą popularność niż cieszy się obecnie. Parallax Scrolling Parallax Scrolling to specyficzny efekt przewijania stron internetowych. Klasyczne przewijanie pionowe jest najczęściej stosowanym rozwiązaniem, jednak sprawia to, że wiele serwisów internetowych przestaje wyróżniać się na tle konkurencji. Dlatego też wielu twórców zaczyna stosować właśnie tzw. parallax scrolling. Efekt ten polega głównie na wywieraniu wrażenia głębi na stronie poprzez przewijania jej. Zazwyczaj pewnie obiekty na stronie, podczas przewijania, poruszają się z inna prędkością niż pozostałe. Obiekty poruszające się szybciej sprawiają wrażenie, jakby znajdowały się bliżej niż te, poruszające się wolniej. Jest to efekt paralaksy, znany także z życia codziennego. Widoczny np.: podczas podróży pociągiem. Minimalizm, przejrzystość, prostota Wiele stron internetowych z pewnością będzie korzystać z płaskich interfejsów, ponieważ zapewniają one minimalistyczny wygląd, przejrzystość informacji i łatwy dostęp do niej. Strony, które nie wprowadzą płaskich elementów, z pewnością zaczną się wzorować się na nim, stosując właśnie minimalizm, przejrzystość i prostotę. Już teraz w wielu serwisach internetowych widoczny jest brak animowanych elementów flash, intro poprzedzających wyświetlenie głównych treści i brak nadmiaru podstron. W 2014 roku z pewnością większość tych elementów zostanie wyeliminowania, a strony będą ważyły znacznie mniej. Pozytywnie przełoży się to na szybkość ich działania. Wzorowanie się na tradycyjnym oprogramowaniu Wiele programów komputerowych już teraz posiada swoje odpowiedniki, działające online w ramach wielu serwisów internetowych. Najpopularniejszym z nich...

Czytaj dalej
Strona 4 z 512345