Rewolucyjne interfejsy – część 1

czerwiec 8th, 2007

Moja praca w dużej mierze polega na analizie i tworzeniu koncepcji użytecznych interfejsów przekładając je na wytyczne dla art desingerów pod postacią wireframesów, dlatego postanowiłem kolejne wpisy poświęcić moim subiektywnym przemyśleniom właśnie na ten temat.

Zaczne prosto, miło i przyjemnie :)

Zawsze fascynowały mnie wszelkiego rodzaju innowacyjne rozwiązania, a pierwszym z nich był sposób obsługi komputera zaprezentowany w filmie „Raport Mniejszości” (Minority Report).

W poniższych filmach udowodniono, że to możliwe rozwiązania:

Od tego momentu pojawiło się wiele podobnych rozwiązań i zmienił się sposób nawigowania w programach użytkowych. Moje podstawowe narzędzie pracy, czyli pakiet biurowy Office w wersji 2007 wykorzystuje już zakładki umieszczone na „wstążce”, a klawisze po raz pierwszy są czytelne i logicznie poukładane :) Przygotowywanie dokumentów od tego momentu zajmuje mniej czasu i nie muszę ciągle szukać funkcji do których dostęp wymagał kiedyś wykonania kilkunastu kliknięć. Teraz dodatkowo po zaznaczeniu tekstu pojawia się menu kontekstowe: 

 Office 2007 - zakładki i menu kontekstowe

Innym ciekawym przykładem rewolucyjnego interfejsu jest ten film, w którym możemy zobaczyć możliwości programu, który na podstawie odręcznych rysunków generuje prototyp:

…a jak tam portale?

Yahoo udostępniło nowy portal, który według mnie jest najlepiej uporządkowanym serwisem tego typu. Jak zobaczyłem pierwszy raz wersje beta to powiedziałem „nareszcie ktoś nie każe mi myśleć” i okazało się, że można stworzyć prosty i użyteczny interfejs, bo przecież w serwisie informacyjnym najważniejsza jest informacja i to ona kształtuje wygląd portalu. Niestety polskie portale nieudolnie naśladują Yahoo popełniając jeden z podstawowych błędów, czyli upychają ile się tylko da na tej małej powierzchni. Za każdym razem analizuje wielkości czcionek, które dla wielu użytkowników są nieczytelne, a w polskim Internecie zupełnie nie bierze się tego pod uwagę. Zastanawia mnie dlaczego Onet, Wp i nowa Gazeta nie pozwalają na zmianę wielkości czcionki (standardowa funkcjonalność przeglądarki)?
Dla przykładu zobaczcie jak wygląda Yahoo w rozmiarze standardowym i powiększonym – ten interfejs dostosowuje się do wielkości czcionki, dostosowuje się do użytkownika, a nie odwrotnie!

Yahoo (1280×800) czcionka standardowa:

Yahoo (1280×800) czcionka standardowa

Yahoo (1280×800) czcionka powiększona - obszar okna przeglądarki został wykorzystany w 100%: 

Yahoo (1280×800) czcionka powiększona

Oczywiście podobnie działa New York Times i słusznie ostatnio nagrodzony za najlepszą internetową gazetę brytyjski Guardian.

Ciekawe jest to, że strona Microsoft po zwiększeniu czcionki wygląda tak (bez komentarza):

strona Microsoft.com po wybraniu większej czcionki

Będąc przy Microsoft’cie warto wspomnieć, że mamy nareszcie zupełnie nowy interfejs Visty (polecam 32 bitową, bo na 64 bitową nie ma wielu sterowników). Oczywiście Apple w swoich iMac wiele z tych rozwiązań ma od dłuższego czasu, ale i tak chwała, że się nam system Windows rozwija. Ja szczególnie polecam ze względu na zarządzanie plikami i folderami. Nowy eksplorator bardzo usprawnia pracę. 

Vista niestety nie jest tak wydajna jak Mac i nie pozwala na takie sztuczki:

Kolejną innowacją jest zaprezentowany koncept Microsoft Surface. Jest to interaktywny 30 calowy stół, który ma pełnić rolę domowego komputera. Surface to przykład, że można stworzyć interfejs, który jest przeźroczysty i dynamicznie zmienia się zgodnie z tym, co użytkownik od niego oczekuje. To podobno pierwszy tego typu komputer, który może być obsługiwany przez więcej niż jedną osobę. Urządzenia, typu aparat fotograficzny i telefon łączą się z komputerem od razu po położeniu na stole.

Microsoft Surface

Ciekawe czy Microsoft zainspirował się słynnym iBar czy może nowym iPhone z Apple :)

iBar - intelligent surface system - interactive bar 

Przyszłość interfejsów na pewno będzie zmierzać w kierunku większej użyteczności. Bardzo podoba mi się, że instalacja systemu operacyjnego to już bardziej multimedialna prezentacja, która nie wymaga znajomości sprzętu i terminologii.

Interfejs przestaje być interfejsem tylko strony www, obsługi odtwarzacza - telewizora, programu czy systemu operacyjnego. Teraz interfejs będzie pojawiał się w sytuacji, w której będziemy go potrzebować i będzie dostosowywał się do naszych potrzeb i wyglądał tak jak sobie tego życzymy.

cdn.

3 Responses to “Rewolucyjne interfejsy – część 1”

  1. A.Lucis Says:

    Yahoo pokazuje jak powinno się aranżować przestrzeń. Dosłownie kilka dni temu musiałem wysłać kilkaset maili i zauważyłem, że 80% to skrzynki yahoo. Usiadłem więc by przyjrzeć się dokładniej z czego korzysta większość Anglików.Od razu widać , że dużo głów myślało by uczynić ten portal tak przejrzystym i przyjaznym. Właśnie pojawiła się betowa strona CNN  - wygląda całkiem smacznie.

  2. mam Says:

    to video w którym są zaprezentowane te efekty to nie mac tylko linux!

  3. gry planszowe Says:

    Ciekawa strona, trafilem tu przypadkowo, ale od dzis bede wpadal czesciej, pozdro

Leave a Reply