Everyday things in use

Zabawne komunikaty

Posted in ciekawostki, usability, user interface design by Marcin Szuba on 3 lutego 2009

Komunikaty o braku wyników wyszukiwania na joemonster.org 🙂

Komunikat o braku wyników wyszukiwania na joemonster.org

Komunikat o braku wyników wyszukiwania na joemonster.org

Tagged with: , ,

Wzorce projektowe

Posted in interaction design, user interface design by Marcin Szuba on 25 stycznia 2009

Doskonały wpis o screen patterns dla RIA pochodzące z „Designing Web Interfaces

AKTUALIZACJA
Kolejny wpis o wzorcach projektowych tym razem o kontrolkach. 🙂

Strona PKP się zmienia!

Posted in ciekawostki, usability, user interface design by Marcin Szuba on 2 grudnia 2008

Od kilku dobrych miesięcy kibicuję zmianom w interfejsie użytkownika rozkładu jazdy PKP.

PKP zmienił stronę wyszukiwania pociągów.

Update:

Po pierwszym przeklikaniu serwisu niestety muszę powiedzieć, iż nic nie zmieniło się  w zakresie wyszukiwania pociągów. Dodano jedynie reklamy. Już myślałem, że będzie się przyjemniej i łatwiej wyszukiwało pociągi. Coż zawiodłem się 😦   Czemu nie poprawią:

  • wyboru stacji (filtrowanie na bieżąco z listy)
  • wybór daty (np listy rozwijane)
  • wybór godziny ( też listy rozwijane)
  • walidacji opuszczonych pól
  • i innych….

Fakt nowy skórka, wygląda nieco przyjemniej od starej. UX +1 pkt (bo z ładnych rzeczy łatwiej się korzysta)

Tagged with: , ,

Idealny layout

Posted in user interface design by Marcin Szuba on 5 czerwca 2008

Czy istnieje idealny layout (układ strony) w sztuce znany jest podział przestrzeni jako złoty środek. Polega na istnieniu punktów w prostokącie, na których najmocniej opiera się nasz wzrok. Wywodzi się z wrodzonego człowiekowi poczucia proporcji 5:8, a wyliczył ją Leonardo da Vinci. Złoty podział (zwany też boska proporcją – divina proportio) wyrażał się liczbą niewymierną, wynoszącą w przybliżeniu 1,618. W starożytności, a także w okresie renesansu i klasycyzmu w oparciu o złoty podział wyznaczano plany świątyń, wysokość i szerokość portyków, otworów okiennych, drzwi, kształty detali architektonicznych, obrazów i ksiąg. Złoty podział podziwiany był nie zawsze tylko dla jego estetycznych, harmonijnych walorów. W liczbie złotego podziału dopatrywano się niekiedy własności magicznych. Dziś możemy zastosować zasadę złotego podziału projektując strony WWW. Aby określić szerokość i wysokość dla swojej strony możesz skorzystać z kalkulatora.

Wzorce projektowe

Posted in interaction design, usability, user interface design, ux by Marcin Szuba on 27 lutego 2008

Jakiś czas temu pojawiły się u mnie na blogu wpisy z cyklu biblioteka interfejsów użytkownika. Opisywałem w nich wzorce projektowe elementów interfejsu użytkowniku. Od niedawna pracuję nad rozwojem tego projektu ale już w zawodowym kontekście. Poniżej przedstawiam krótkie wprowadzenie do wzorców. (more…)

Biblioteka elementów interfejsu użytkownika część trzecia: Odnośniki, linki

Posted in usability, user interface design by Marcin Szuba on 19 listopada 2007

Dziś o odnośnikach. Odnośniki, hiperłącza, linki służą do nawigacji w Internecie. Jest to podstawowy element nawigacji w Internecie. Odnośnik powinien być:
(more…)

Biblioteka elementów interfejsu użytkownika część druga

Posted in usability, user interface design by Marcin Szuba on 7 listopada 2007

Breadcrumbs (tłum. Ścieżki okruszków ) element nawigacyjny interfejsu WWW pokazujący aktualna pozycję użytkownika w serwisie w stosunku do hierarchii strony. Jest to drugorzędny sposób nawigacji, stanowi uzupełnienie podstawowej nawigacji.

(more…)

Biblioteka elementów interfejsu użytkownika część pierwsza

Posted in user interface design by Marcin Szuba on 30 października 2007

Biblioteka yahoo patterns librarydo yahoo library patterns może być źródłem inspiracji dla projektantów interfejsów. Zawiera ona wzorce projektowe do naśladowania. Postanowiłem zrobić rewizję i zaproponować pewne poprawki do tych wzorców. Proszę o komentarze z poprawkami co jeszcze powinno zostać poprawione. Na pierwszy ogień idzie nawigacja po wynikach SERP

(more…)

Tagged with: , , ,