WebQuatro

Wyposażyłem się na kole­jny miesiąc do przodu fajnymi książkami, część których na pewno zostanie zre­cen­zowana po ich przeczy­ta­niu. Wczoraj Znowu odwiedz­iłem kopal­nię wiedzy i uzu­pełniłem swoje zbiory.

W między­cza­sie anglo­języ­czne pozy­cję umieś­ciłem na Shel­fari — dosyć fajna i miła dla oka sekre­tarka dla książek Robi porządek i pozwala nie zapom­nieć tytułów, które się przeczy­tało. A na mar­gin­e­sie jeszcze odnośnie shel­faro — dobry zabieg opty­mal­iza­cji kon­wer­sji wejść na użytkown­ika zare­je­strowanego — od pier­wszego momentu shel­fari pozwala dodawać książki do półki, aż dojdziemy do 4-go kroku “Save”, gdzie dyskret­nie prosi nas o rejes­trację. Na początku nawet nie zori­en­towałem się, że to jest rejes­tracja, myślałem — imię, e-mail, nic nadzwycza­jnego, ale pole “pass­word” zmusiło do myśle­nia

Póki co — półka moja wygląda tak:

1. Web 2.0 Prze­wod­nik po strate­giach, autor: Amy Shuen, O’REILLY w tłu­macze­niu Helion, 2009. Wstęp­nie napisana prosty i zrozu­mi­ałem językiem, początek przeczy­tany z lekkoś­cią. Są tam może oczy­wis­tości, ale warto je uporząd­kować choćby dla samego siebie. [w trak­cie] Przeczy­tana.
2. The essen­tial guide to user inter­face design : an intro­duc­tion to GUI design prin­ci­ples and tech­niques, autor: Wilbert O. Galitz, Wiley, 2007. Jest to klasyka lit­er­atury zarówno w dziedzinie nauki jak i prak­tyki. Kiedyś miałem już w rękach tą książkę, ale zain­tere­sowała mnie reedycja.
3. Foun­da­tions of Fuzzy Con­trol, autor: Jan Jantzen, Wiley, 2007. Bardzo dobra książka w opinii świa­towej. Logiką rozmytą intere­suję się ze względu na bada­nia i ocenę jakości inter­fe­jsów w nauce.
4. Ser­wisy społecznoś­ciowe. Pro­jek­towanie, autor: Joshua Porter, New Rid­ers Press w tłu­macze­niu Helion, 2009. Zna­jomi z branży chwalą sobie pozy­cję, sam temat jest również ciekawy. Wydaje mi się, że z każdym rok­iem użytkown­icy uczą się coraz bardziej inter­netu i pro­ces pro­jek­towa­nia również ewolu­uję i powinien korzys­tać z aktu­al­i­zowanej dynam­icznie wiedzy o użytkown­ikach. Przeczy­tałem — wkrótce recenzja!

Jeszcze z cza­sów pracy w Jan­medii jestem zapisany na listę dyskusyjną usability@janmedia.com, która w tam­tych cza­sach była akty­wny źródłem wiedzy i wymi­any doświadczeń.

Dzisiaj trafiłem na bardzo ciekawe zapy­tanie ze strony Kuby Andrze­jew­skiego doty­czące innowa­cyjnego pode­jś­cia do kwestii okruszków (ang. bread­crumbs) na stronie WWW i jego zasad­ności. Na pier­wszy rzut oka nic je nie wyróż­nia:Czy­taj dalej »

Wstęp

Zarządzanie oczeki­wa­ni­ami wys­tępuje na każdym etapie pro­dukcji dzieła, jakim w przy­padku branży, w której pracuję, jest ser­wis WWW czy aplikacja.

Osobli­wości sto­sunków relacji zespołu pro­jek­towego z klien­tem, a także innymi zain­tere­sowanymi osobami woła o konieczność wdroże­nia pewnej kon­troli co do oczeki­wań każdej z grup. Niezrozu­mie­nie jest w stanie mocno zep­suć życie oby­dwu stronom, zatem lep­iej rozwiązy­wać prob­lemy zanim… Czy­taj dalej »

Dzisiaj natknąłem się na piękną real­iza­cję mapy stron za pomocą małego paki­ety SlickMap.  Dzięki zas­tosowa­niu czys­tego kodu HTML, stylu CSS i JavaScript można łatwo zastąpić często brzy­d­kie i szare mapy stron, które służą nic innemu jak indek­sowa­niu w SEO, na niżej przed­staw­iony przykład:

Wygląda to ele­gancko i zgrab­nie, ale ważniejszy jest jej czysty, semantyczny kod:

… Czy­taj dalej »

W dobie imperium Google mało kto może nie znać usługi tłu­maczenia tek­stów i stron Trans­late. Całkiem nie dawno spec­jal­iści od inter­fe­jsów w Google zro­bili mały, ale znaczący update. Otóż pozbyli się oni niedo­god­ności, która wpły­wała na (dys)komfort pracy.

… Czy­taj dalej »

Dziś o regułach poprawnego przy­go­towywa­nia ikonki do strony inter­ne­towej oraz tytułu strony, aby to zwięk­szyć wygodę w naw­igacji po zakład­kach przeglądarki.

Ikonka aka favicon

1. Ser­wis WWW powinien posi­adać ikonkę, może być to czer­wone kółeczko, kwadracik, cokol­wiek, co będzie wyróż­niać go na tle innych, dodanych do Ulu­bionych, zakładek itp. stron.
2. Ikonka typu Fav­i­con (ang. favourite icon) nie powinna pow­tarzać logotypu

… Czy­taj dalej »

Na blogu zdążyłem opisać kilka pro­gramów (w tym nawet wty­czkę do Firefox-a) wspo­ma­ga­ją­cych pro­jek­towanie ser­wisów WWW. Dzisiaj chci­ałbym opisać dwa kolejne.

MS Expression Blend

Nowa linia edy­torów graficznych od Microsoft — Expres­sion cieszy swoją funkcjon­al­noś­cią i wyglą­dem. Co jest osobliwe temu pro­duk­towi — Microsoft wykupił gotowy pro­dukt u niedużej hong-kongskiej firmy o nazwie Crea­ture House, kupu­jąc wraz z pro­duk­tem całą… Czy­taj dalej »

Design powinien być prosty.

P.S. Różnice między pros­totą a prymi­ty­wnoś­cią opisałem tutaj.

Czyli kilka słów rozważań o pro­jek­towa­niu WWW i ostat­nich danych o stosowanych rozdziel­czoś­ci­ach ekra­nowych.
Bazuję na poniższej tabelce:

… Czy­taj dalej »

Jakiś czas temu pisałem o narzędziu do tworzenia dia­gramów i ogól­niepo­jętego pro­to­ty­powa­nia w Linux. Śmiem stwierdzić, że znalazłem lep­sze rozwiązanie do tworzenia inter­fe­jsów webowych, właś­ci­wie pod każdą plat­formę sys­te­mową, dla której ist­nieje odpowied­nia wer­sja Firefox-a. Przy­wita­jmy „Pen­cil Project”.

Rozwiązanie te instaluje się jako zwycza­jna wty­czka do Firefox-a (xpi), jest na licencji GPL v.2 i prezen­tuje następu­jący zestaw funkcjonalności:

• Wbu­dowane szablony
• Wieloza­kład­kowy doku­ment ze stroną tła
• Edy­cja tek­stu na ekranie, wspar­cie „rich-text”
• Zapis do PNG
• Obsługa cofnij/ponów

… Czy­taj dalej »