The Smashing Book #2. Edycja polska

Blog Smashing Magazine to mekka projektantów, do której dziennie pielgrzymuje ich ponad 140 000. Dla tych, którzy do tej grupy nie należą, wyjaśnię, że to bardzo mocna marka w webowej branży. Napisać, że to blog technologiczny traktujący o projektowaniu stron byłoby ignoranckim nietaktem. Na Smashing od lat znaleźć możemy dosłownie setki wartościowych merytorycznie artykułów, pisanych przez tuzów światowego designu, webdesignu, webdevelopingu, a co ważniejsze – przez praktyków, pływających w projektowym sosie na co dzień. Do tego chętnie dzielących się wiedzą o nowoczesnym podejściu do web designu, więc młody projektant zatopić się może (i powinien) w treściach bloga na długie, długie godziny, jeśli nie dni czy tygodnie.

3 lata temu postanowiono przelać nieco tej wiedzy na karty drukowanej książki. Krok ten zaowocował nie lada sukcesem wydawniczym, a pozycja w branży zyskała opinię podręcznika kultowego. A jeśli tytuł odnosi sukces, naturalną tego konsekwencją jest sequel. Dzięki uprzejmości wydawnictwa Helion i nieprzeciętnemu refleksowi (skradłem książkę z biurka Bartka zanim zdążył ją w ogóle tknąć) trzymam w rękach polską edycję drugiej częśći „The Smashing Book”.

Co znajdziemy w środku?

Przede wszystkim dziewięć świetnie napisanych rozdziałów z dziedziny designu, usability i kodowania. Ważną informacją dla tych, którzy z pierwszą częścią się nie zetknęli bedzie fakt, że rozdziały pisane są specjalnie na potrzeby tej pozycji. To cieszy, bo mając tyle dobrej treści na blogu, autorzy The Smashing Magazine mogliby iść na łatwiznę - wybrać kilka z nich i zamknąć w okładkach książki. Ale na szczęście dla nas, czytelników, nie poszli.

Do współpracy zaproszono ciekawe nazwiska, jak Matt Ward, Alexander Charchar, Francisco Inschauste, Mike Rundle, Janko Jovanovic, Christian Heilmann, Vivien Anaylan, Christoph Kolb, Susan Weinschenk, Steven Bradley. I właśnie największą wartością tej książki są jej autorzy i sposób przekazywania przez nich wiedzy. Merytorycznie treść wędruje raczej w stronę luźnej próby nauczenia nowoczesnego myślenia projektowego niż precyzyjnych tutoriali, które pokazują, jak coś wykonać. I to należy pochwalić. Zawsze twierdziłem, ze tutorial w sieci znaleźć jest bardzo prosto i tak samo łatwo można opanować wykonywanie określonej czynności. Trudniej jest natomiast nauczyć się myśleć w odpowiedni sposób, gdyż wymaga to lat doświadczeń, praktyki, studiowania i tak pisane książki przybliżają nas do statusu design guru.

No właśnie… studiowanie. Już w pierwszym, moim ulubionym zresztą, rozdziale o tworzeniu dzieł ponadczasowych, Matt Ward i Alex Charchar namawiają by w swoich projektach nie ograniczać się do biernego naśladownictwa mistrzów. Propounją dochodzić do źródła projektu, próbować budować kontekst pracy naśladowanego. Robią to na przykładzie Zeusa projektowego Olimpu, Paula Randa, tworząc jego tzw. „mapę powiązań”, która pokazuje jak wychodząc z określonego punktu (w tym wypadku od nazwiska Randa), można tropić powiązania historyczne i filozoficzne między ideami. I oto obok Randa pojawiają się powiązane nazwiska modernistów: Le Corbusier, Jan Tschichold, Laszlo Moholo-Nagy, szwajcarskich projektantów: Herbert Matter czy Armin Hoffman lub filozofa Johna Dewey’a itd., itd. A każde z tych nazwisk to przecież tony wartościowej wiedzy. Początkujący projektanci mogą wycisnąć z tego typu rad maksimum korzyści. Dobry projektant rozumie, że podwaliny grafiki użytkowej są niezwykle istotne, dlatego zna historię obszaru swoich zainteresowań. Gdyby ktoś mi „za młodu” tak precyzyjnie podpowiadał, byłoby mi teraz do tego design guru o wiele bliżej :)

Tłumaczka polskiego wydania, pani Julia Szajkowska, stanęła przed nie lada wyzwaniem. Język branżowy bywa mocno techniczny, a pewne pojęcia czy gry słów są często niemal nieprzetłumaczalne. Napewno to znacie, na codzień, czerpiąc bieżącą wiedzę projektową ze źródeł anglojęzycznych. Po przesiadce na nieliczne polskie publikacje z tej dziedziny narażeni jesteśmy na spotkania z wszelakimi potworkami tłumaczeniowymi. Bywają zabawne, niczym gagi Roberta Downey Jr. w Avengers, ale częściej zrażają do dłuższej lektury. Jak jest w przypadku „The Smashing Book 2”? Wprawdzie nigdy nie lubiłem prób tłumaczenia zwrotu „graphic design” na „grafika użytkowa” (wolę np. „projektowanie graficzne”), ale muszę przyznać, że ogólnie pani Szajkowska wykonała porcję świetnej roboty. Na dodatek raczy nas wieloma przypisami tłumaczącymi np. zabawy słowne i za to należą się duże brawa.

Wnętrze książki cieszy oko. Nie dość, że ilustrowane jest przez Yiying Lu, którą kojarzyć będziecie ze sławnej twitterowej ilustracji „Fail Whale”, sama książka złożona jest nieźle. Wszystko jest przejrzyste i czytelne. Dodatkowo niemal każda strona kipi od przypisów z linkami do dodatkowych źródeł informacji, przez co pełne połknięcie treści zajmie nam o wiele więcej niż przysłowiowe dwa wieczory. Brawo. Wolałbym może opcję z szytą, twardą okładką, ale to wpłynęłoby na cenę, która niektórym i tak może wydawać się za wysoka. W moim przekonaniu jednak 69zł za tak lekko i przyjemnie napisaną dawkę naprawdę wartościowej wiedzy to bardzo, bardzo niewiele. Więc moim zdaniem, dla „The Smashing Book 2”, zdecydowanie warto uszczuplić swój potfel.

Dla kogo jest „The Smashing Book 2”?

Napewno dla kreatywnych, związanych z branżą projektową osób, z naciskiem na projektantów stron internetowych i aplikacji mobilnych. Powiedziałbym, że dla początkujących jest to pozycja wręcz obowiązkowa, jeśli chcą zrozumieć zasady współczesnego podejścia do projektowania stron (a sam pierwszy rozdział wart jest tych 69zł, gdyż zapewne wielu z Was otworzy szerzej oczy). Średnio zaawansowani pogłębią swą wiedzę, którą pewnikiem i tak czerpią między innymi z bloga, więc dla nich książka będzie naturalną kontynuacją tego, co czytają na codzień. Zaawansowani, jak to zwykle bywa w takich wypadkach, przekartkują i wycisną kilka mądrych zdań, z którymi zostaną na dłużej, ale większością treści prawdopodobnie zaskoczeni nie będą. Ale, że zazwyczaj od bieżącej wiedzy są silnie uzależnieni, czego bym nie napisał, i tak kupią ;) Na szczęście „The Smashing Book 2” jest pozycją na tyle silną, że wątpię by którakolwiek z tych grup skończyła czytać zawiedziona.

socjomania.pl 2012-05-17

W książce mamy przedstawione zasady jakimi powinni kierować się graficy aby stworzone przez nich projekty stron były użyteczne, przejrzyste. Jak ma wyglądać dobry sklep internetowy, jak zachęcić ludzi do klikania we właściwych dla nas miejscach. Poznajemy wygodne rozwiązania aby użytkownicy dobrze czuli się na twoich serwisach.

Książka jest bardzo ładnie wydana, ma bardzo ładne ilustracje, które zapraszają czytelnika do kolejnych rozdziałów książki. Są one tworem Yiying Lu, kreatywnej ilustratorki z Australii, która zasłynęła projektem Fail Whale, wykonanym dla serwisu Twitter.

Rozdział 1
Zasady projektowania grafiki doskonałej
W tym rozdziale podejmowane są kwestie tego, jakie zasady powinni przedstrzegać graficy podczas projektowania strony internetowej.
Projekt powinien być ponadczasowy (treść ma być rozwiązaniem, ma być prosty, unikać ozdobników, zaskakiwać), cechować się minimalizmem (kontrast, wykorzystywać przestrzeń, budować napięcie, przekazywać reści obrazem), obraz może być krzykliwy, delikatny albo twórczy.

Rozdział 2
Widoczne kontra niewidoczne
Jak prosto i czytelnie zaprojektować stronę internetową, by jej użytkownik skupił się na treści a nie na tym jak ona wygląda? Jak projektować zgodnie z przebiegiem myśli użytkownika (tłoczno czy przejrzyście, oczyszczanie interfejsu – przejrzysta nawigacja, nie pozwól ludziom błądzić, uprość strukturę, pod ręką). Wzory projektu (kreacja, przetwarzanie, informowanie, ) i wskazówki dotyczące interfejsu (zrównoważenie stylu i funkcjonalności, grupuj elementy w widoczną hierarchię, zachowaj spójność, nie ozdabiaj itp.).

Rozdział 3
Projektowanie z myślą o urządzeniach przenośnych
Ten rozdział powini przeczytać autorzy aplikacji mobilnych. Dowiadujemy się w nim jakie są różnice w tworzeniu i dystrybucji aplikacji internetowych przeznaczonych na komputery a tymi projektowanymi na urządzenia mobilne. Jak zaprojektować aplikacje działające na urządzeniach przenośnych (kontrast, powtarzalność, wyrównanie, bliskość i grupowanie, tekstura, oświetlenie).

Rozdział 4
Szkice, szablony i prototypy
Tworzenie dobrego serwisu powinno zacząć się od szkicu. Co powinno się w nim znaleźć?
Zarys pomysłu (burza mózgów, zapisywanie pomysłów, przeglądanie słownika wyrazów bliskoznacznych, mapowanie myśli, uzupełnianie luk, technika rękawic bokserskich, tablica, zapis stosowany na szkicach rozrysowanie kadrów);
Szablony (mało szczegółowe, wysoko szczegółowe, hybrydowe, szkicowane);
Tworzenie prototypów, testowanie, właściwe przygotowanie szablonu.

Rozdział 5
Znaki ostrzegawcze w projektowaniu aplikacji internetowych
Jak w łatwy sposób popsuć wygląd i działanie serwisu internetowego (z wykorzystaniem HTML, CSS, JavaScript)?
Nieporadne używanie kodu, brak kontroli nad formatem wprowadzanych danych, stosowanie niesprawdzonego kodu, brak testów i weryfikacji poprawności.

Rozdział 6
Przyszłość typografii w sieci
W rozdziale pokazane jest jak rozwija się typografia w sieci i jak korzystać z obecnych standardów typograficznych.

Rozdział 7
Reguły projektowania gier w planowaniu interakcji i użyteczności aplikacji
Z tego rozdziału dowiemy się, jak zaprojektować serwisy internetowe korzystając z interfejsów gier komputerowych, które odniosły sukces.
Zrozumienie celów użytkownika i poznanie jego potrzeb, podtrzymywanie rozpędu, mechanika gry i zasady projektowania rozgrywki, rozbuduj grę i dodaj nowe możliwości.

Rozdział 8
Co sprawia, że klikają? Psychologia zachowań użytkowników i projektowania aplikacji internetowych
Rozdział poświęcony psychologii użytkowników sieci. Jak zaprojektować serwis, by ludzie kilkali w te miejsca na ktorych nam najbardziej zależy. Użytkownicy w sieci:
Większość decyzji podejmujemy nieświadomie
Ludzie szukają wsparcia u innych, gdy nie wiedzą, co robić
Zaufanie ludzi zdobywa się lub traci w ułamku sekundy
Ludzi motywuje pierwszeństwo
Uwaga ludzi łatwo się rozprasza
Ludzie są leniwi z natury
Ludzie posługująsię wzorcami myślowymi
Ludzie popełniają błędy

Rozdział 9
Wzorce projektowe wykorzystywane na stronach e-commerce (studia przypadków)
W tym rozdziale dowiadujemy się jak zaprojektować sklep internetowy, aby użytkownicy zostali w nim jak najdłużej (architektura informacji, nawigacja, kolorystyka, finalizowanie transakcji, kontakt i pomoc).

Rozdział 10
Jak wydać książkę (taką jaka ta)?
Jeżeli chcemy wydać książkę to jak to zrobić? Wydać na własną rękę czy szukać wydawnictwa; pisanie, redagowanie i przygotowywanie do druku; ceny, działania marketingowe i kolportaż; książki w wersji elektronicznej: PDF, EPUB, mobipocket.

Podsumowanie
Dla programistów, grafików czy twórców aplikacji mobilnych ta książką jest bardzo interesującą lekturą. Wszystkie rozdziały w bardzo rzeczowy sposób przedstawiają ważne fakty i porady umożliwiające tworzenie angażujących projektów, .
Wiele dodatkowych treści publikowanych jest też na serwisie http://www.smashingmagazine.com/
Do którego odsyłam.

infosocialmedia.blogspot.com Łukasz Dębski, 2012-04-02

The Smashing Book #2 z założenia jest zbiorem praktycznych projektów na których opierają się wskazówki oraz porady jak konstruować swój serwis internetowy. Znajdziemy tutaj dziewięć rozdziałów przedstawiających zasady, jakie powinni przestrzegać graficy, najlepsze sposoby na przygotowanie prototypów stron WWW oraz możliwości CSS3 w zakresie typografii. Z kart książki dowiemy się również jak powinien wyglądać porządny sklep internetowy, aby osiągnąć murowany sukces w sieci, oraz jak zachęcić użytkowników do klikania we właściwych miejscach.

Tak właśnie książka jest opisywana i reklamowana przez wydawnictwo. Do tego ma bardzo profesjonalne podwaliny merytoryczne, ponieważ oparta jest o doświadczenie oraz cenną wiedzę twórców internetowego giganta w dziedzinie projektowania stron internetowych jakim jest Smashing Magazine.

Po takim wstępnie biorę książkę w ciemno … Jednak już po pierwszym rozdziale możemy się troszeczkę rozczarować. Od razu rzuca się w oczy zamiłowanie autora do filozofii i psychologii, co przekłada się na rozważania momentami lekko nużące. Pomimo, iż rozmyślanie nad różnicami między grafiką użytkową a internetową wydawać by się mogło interesujące, to jednak ciągłe zagłębianie się w podobne rozważania (JS czy CSS, modny czy skromny) może momentami sprawić, że odłożymy książkę na półkę. Jak wiadomo w informatyce jest wiele kwestii spornych i czasami bezcelowe jest dyskutowanie nad wyższością jednego języka programowania nad drugim, czy też jakiegoś rozwiązania nad innym. Wszystko to jedynie kwestia przyzwyczajeń i upodobań twórcy.

Zatem o czym jest SB? Oczywiście jak najbardziej o projektowaniu stron internetowych, użyteczności, prawidłowej kompozycji czy układzie. Wszystko jest opatrzone przykładami (dobrymi i złymi), opisane na schematach i rozrysowane od podstaw. Znajdziemy tutaj wiele wskazówek oraz porad często bardzo interesujących, jak i takich zupełnie nieprzydatnych. W książce przedstawione są również przykłady kodu źródłowego wraz z jego zastosowaniem.Wszystko to zamknięte w lekko filozoficzne akapity i bardzo starannie złożone pod względem typograficznym oraz ilustracyjnym. Książka elegancko wydana na przyjemnym, kredowym papierze i kolorowymi zdjęciami i screenshotami w środku.

Nie znajdziemy tutaj jednak konkretnych rozwiązań (w stylu „zrób TO a zwyciężysz”), podanych na tacy sposobów czy gotowych do wklejenia trików (choć niektórzy tego by oczekiwali). To dlatego, że nie jest to pozycja „101 praktycznych porad”, a książka opisowa, z której każdy wyciągnąć może to, co dla niego jest najważniejsze. Warto zatem zastanowić się czego oczekujemy od tego typu publikacji, być może znajdziemy książkę bardziej odpowiadającą naszym oczekiwaniom.Dla kogo zatem jest The Smashing Book #2?

Dla kogo

Książka przede wszystkim skierowana jest do osób początkujących i ma służyć jako rodzaj wprowadzenia (rzekłbym nawet – mentora przewodniego). Nieco filozoficzne rozważania nad grafiką wyjęte niczym z wykładów ASP mają za zadanie uwrażliwić czytelnika na pewne delikatne meandry grafiki.

Czy warto

Osobiście uważam, że książka jest bardzo dobrą pozycją dla grafika, projektanta stron internetowych i aplikacji mobilnych, z pominięciem osób zaawansowanych (chociaż czasami i tacy powinni sięgnąć do źródła tej wiedzy). Czytając Smashing Book #2 warto skupić się na głównym wątku każdego rozdziału i umiejętnie wyłuskiwać najistotniejsze fakty. Warto też markować złote myśli i konkretne rady, by później łatwo odnaleźć to, co nas interesuje. Jeżeli nie jesteś pewien czy książka Cię zainteresuje to polecam przeczytanie fragmentu publikowanego na stronie helionu.

psdblog.pl Gerard Brożnowicz, 2012-03-27

Smashing Magazin jest profesjonalnie prowadzonym blogiem o technologiach projektowania aplikacji internetowych. Poziom merytoryczny wpisów sprawia, że jest często odwiedzany i wysoko oceniany przez użytkowników. Publikacja prezentuje dziewięć artykułów starannie dobranych przez redaktorów książki. Wśród nich czytelnik znajdzie rozważania na temat projektowania grafiki doskonałej. Dowie się, na czym polega projektowanie zgodne z myśleniem użytkownika i jak osiągnąć efekt, by widział to, co niewidoczne, a także jak projektować aplikacje na urządzenia przenośne. Uzyska informacje na temat organizacji procesu projektowania od idei do realizacji, z czym wiąże się przyszłość typografii. jak można wykorzystać reguły projektowania gier w planowaniu interakcji z użytkownikiem i jak można zdobyć jego zaufanie. Książka miała zawierać trzynaście rozdziałów, ze względu na limit na objętość usunięto cztery. Można je otrzymać bezpłatnie, logując się na stronę www.sma-shingmagazin.com.

Networld 2012-03-01

Rozdział ósmy The Smashing Book #2 dosłownie wyprał mi mózg. Jeśli masz już pojęcie o projektowaniu stron, dzięki tej książce natychmiast przeskoczysz na najwyższy poziom.

"Od kiedy dowiedziałem się o istnieniu badań eye-trackingowych, zupełnie inaczej patrzę na strony WWW" - stwierdził niedawno jeden z programistów, z którym rozmawiałem. Mógłbym to powtórzyć po przeczytaniu tylko jednego z rozdziałów The Smashing Book #2 zatytułowanego "Co sprawia, że klikają" (do pobrania poniżej).

Od razu przypomniały mi się strony przy których miałem okazję coś robić i zastosowane tam techniki. Po przeczytaniu tylko jednego rozdziału wiem, jak je powtórzyć. A takich rozdziałów jest 10.

Szczegół, który zmienia wszystko

Muszę przy tym zaznaczyć, że książka jest skierowana do raczej zaawansowanych osób. O ile poprzednia recenzowana książka firmowana przez Smashing Magazine (Podręcznik CSS) pomijała podstawy, to Smashing Book #2 skupia się wyłącznie na detalach, które dla początkujących będą zupełnie nieistotne.

Przykład? Jeśli chcesz przyciągnąć uwagę czytelnika, osoby na zdjęciach powinny patrzeć się w obiektyw aparatu, bo pobudza to pień mózgu odpowiedzialny za "wykrywanie" zagrożenia, jedzenia i osób, z którymi chcesz się przespać ;) i lepiej przyciąga uwagę czytelnika.

like-a-geek.jogger.pl 2012-03-08

Chcesz stworzyć ciekawą stronę WWW czy aplikację Sama wiedza techniczna nie wystarczy. Liczy się też design. W The Smashing Book 2 znajdziesz nie tylko świetne wzorce projektowe stron WWW i aplikacji mobilnych, ale przede wszystkim dowiesz się, jakie czynniki decydują o tym, że ludzie zatrzymują się na dłużej na jednych stronach i do nich wracają, a inne omijają i zapominają o nich.

PC Format DH, 2012-04-01

Nie wiem czy znacie serwis Smashingmagazine.com – to marka znana w branży webowej na całym świecie. Profesjonalny blog o technologiach i projektowaniu stron, oferujący setki merytorycznych artykułów opartych na realnych przykładach.

Smashing Magazine, prócz strony, wydaje też podręcznik, w którym prezentuje niezawodne reguły projektowania, nowoczesny web-design, aplikacje m.in. na iOS oraz inne kultowe rozwiązania – jest to „The Smashing Book„.

Pierwsza część „The Smashing Book” wydana w 2009 roku zdobyła wyjątkowe uznanie i popularność, a druga właśnie debiutuje na rynku i jest wydana również po polsku nakładem wydawnictwa Helion „The Smashing Book #2. Edycja polska”.

Książka ta to zbiór praktycznych projektów, prześwietlonych pod względem użyteczności, designu i programowania. Dziewięć rozdziałów zawiera wiedzę ważną dla każdego projektanta stron internetowych i aplikacji na urządzenia mobilne. Czytelnik pozna w nich zasady, jakich powinni przestrzegać graficy, najlepsze sposoby na przygotowanie prototypów stron WWW oraz możliwości CSS3 w zakresie typografii. Dowie się także jak powinien wyglądać porządny sklep internetowy, aby osiągnąć murowany sukces w sieci, oraz jak zachęcić użytkowników do klikania we właściwych (z Twojego punktu widzenia) miejscach.

„The Smashing Book” wydana jest świetnie, bardzo fajnie się ją czyta, a ostatni rozdział o selfpublishingu myślę, że może wielu z Was zainteresować w kontekście ostatnich nowości Apple – iBooks Author oraz możliwości samodzielnego publikowania w iBooks Store.

Podręcznik jest pracą zbiorową. Lista autorów jest długa ale warto ją przytoczyć – są to: Matt Ward, Alexander Charchar, Francisco Inschauste, Mike Rundle, Janko Jovanovic, Christian Heilmann, Vivien Anaylan, Christoph Kolb, Susan Weinschenk, Steven Bradley.

imagazine.pl Dominika Łada, 2012-01-27

Smashing Magazine to wielki autorytet w dziedzinie serwisów dotyczących webdesignu.

Już na pierwszy rzut oka widać, że wydawcy poszli za głosem czytelników pierwszej części i oto nowe wydanie otrzymujemy oprawione w miękką, aczkolwiek porządną okładkę. Książka powinna prze- trwać teraz zdecydowanie dłużej wśród tych, którzy lubią na bieżąco zaglądać do tego typu publikacji podczas pracy. Co napotkamy w środku? Mamy tu dziewięć świetnie skonstruowanych rozdziałów, z których nieocenioną pomoc wyniosą projektanci stron internetowych, jak również autorzy aplikacji na urządzenia mobilne. Nowoczesne podejście do designu prezentowane w książce powinno służyć za wzór wielu autorom cyfrowych treści, którzy mimo dobrych pomysłów, często wiele tracą na niezbyt atrakcyjnym wyglądzie swoich kreacji. Autorzy książki zadbali o to, aby każdy rozdział i prezentowane w nim treści były odpowiednio zilustrowane przykładami z istniejących już serwisów i portali. Poza właściwymi rozwiązaniami mamy także próbkę tego, jak nie należy projektować. Książka ta to zdecydowanie dobrze zainwestowane pieniądze, a wręcz pozycja obowiązkowa dla wszystkich projektantów internetowych treści, a nie tylko tych którzy stawiają swoje pierwsze kroki.

magazynt3.pl .

Ta książka to zbiór praktycznych projektów prześwietlonych pod względem użyteczności, designu i programowania. Dziewięć rozdziałów gromadzi wiedzę ważną dla każdego projektanta stron internetowych i aplikacji na urządzenia mobilne. Poznasz zasady, jakich powinni przestrzegać graficy, najlepsze sposoby na przygotowanie prototypów stron WWW oraz możliwości CSS3 w zakresie typograf ii. Dowiesz się, jak powinien wyglądać porządny sklep internetowy, aby osiągnąć murowany sukces w sieci, oraz jak zachęcić użytkowników do klikania we właściwych (z Twojego punktu widzenia!) miejscach. Zrozumiesz swoich użytkowników, a wygodne rozwiązania, o których wcześniej nawet nie pomyślałeś, nagle staną się dla Ciebie oczywiste.

COMPUTER ARTS 2012-02-01