Why GMail with Google Sans is ugly on non HDPI screens

Please notice how 'z' is drawn - top edge is doubled comparing to Arial's 'z'. Also strike in Google's 't' is affected by the same unpleasant readability problem. Google Sans looks dirty while Arial is clear. Let's open Google Sans is TTFEdit from Source Forge. Written by me about 12 years ago in Java 5. Height of 'z' from Google is 500 units, while 'z' from Arial is designed on area with height 1024. Font renderer is optimized for fonts which created Internet and they for base use 1024. As a result modern 'z' is scaled strange way and looks ugly.

AliExpress - review aplikacji mobilnej

E-Commerce na komórkach i tabletach to przyszłościowy kierunek. Chińczycy już tam są.

Chińczycy używają interfejsu w dużej mierze bazującego na HTML5, dzięki temu aplikacja mobilna i strona mobilna mają bardzo dużo części wspólnych. Używając jakiegokolwiek urządzenia, klient będzie miał zawsze znany i opanowany interfejs. Robienie zupełnie różnych interfejsów per urządzenie to błąd. Strona główna stawia na ładną grafikę. Najważniejsze wydarzenia i oferty przedstawione są za pomocą slajdów, które zmieniają się automatycznie, lub po przesunięciu przez użytkownika. Poniżej statyczny banner do kuponów. Dalej wertykalnie: użyteczne narzędzie, najpopularniejsze dwie kategorie i przycisk do wszystkich kategorii. Ważne: nie są to symbole wymyślone dla konkretnych kategorii, ale prawdziwe obrazki prawdziwych rzeczy - użytkownik wie czego konkretnego może się spodziewać. Poniżej główne sposoby prezentacji produktów. Bardzo ważne: aplikacja minimalizuje ilość ramek, krawędzi, a maksymalizuje powierzchnię dostępną do prezentacji danych. Dzięki UI na bazie HTML aplikacja jest odporna na bardzo szybki dewelopment Androida, rewolucje w wyglądzie kontrolek i zawsze powinna zapewniać ten sam dobry wygląd, bez względu na wersję OS-a.

Różne sposoby prezentacji produktów: promowane marki (np. w tym miesiącu AliExpress promuje telefony, ubrania zimowe, letnie itp.); promocje ze zniżką w oknach 3-godzinnych (użytkownik może się uzależnić od przeglądania, co tam aktualnie jest); super okazje ze zniżkami ponad 50% (z limitowaną ilością towaru, czasem bardzo tanie telefony, kto pierwszy ten lepszy); bieżące trendy (zegarki, smartwatche, biżuteria). Każdy z w/w sposobów prezentacji zaimplementowany jest jako wyszukiwanie produktów z hasłem "Flash Deals", "Super Deals" itd. Aplikacja mobilna korzysta z całej infrastruktury High Availability/Load Balancing zwykłego serwisu WWW.

Kategorie produktów są pokazane kafelkowo za pomocą obrazków przedmiotów charakterystycznych dla danej kategorii. Obrazki mają odpowiednio dopasowane proporcje i kolory, umożliwiają nawigację w podkategorie, a docelowo w listę wyszukiwania "Najbardziej szczegółowa kategoria nawigacyjna produktów".

Lista ofert promocyjnych jest bardzo przejrzysta, zawiera obrazek oraz najważniejsze informacje: krótki opis produktu, ceny po zniżce i przed, procent upustu, pasek postępu w sprzedaży.

Prezentacja konkretnego produktu włącza przezroczystość dla głównego paska nawigacyjnego - najważniejsze są teraz slajdy z obrazkami produktu. Produkt można "polubić" za pomocą czerwonego serduszka (funkcjonalnie to samo co otwieranie na desktopie linków w nowych zakładkach, bardzo ułatwia porównywanie przedmiotów przy zakupie). Ważne informacje dla kupującego to oceny zakupu (po dotknięciu 'Feedbacks' można obejrzeć najświeższe komentarze i zastanowić się, czy przedmiot wartko kupić), liczba sprzedanych przedmiotów i liczba polubionych. Przeglądanych produkt można pokazać domownikom, przyjaciołom, kolegom z pracy za pomocą ikonki Share (Hangouts, Gmail, itp.) - druga osoba dostanie linka do oferty.

Interfejs prezentacji oferty pozwala na podejrzenie opcji wysyłki: jaki kurier, skąd wysyłka, jakie ceny.

Do oferty podpięty jest wycinek konkretnych komentarzy i ocen produktu.

Po wybraniu 'Feedback' pojawia się histogram ocen. Można go przefiltrować po ilości gwiazdek, obecności zdjęć, czy kraju kupującego.

Opcje dostawy mają swoją dedykowaną stronę. Sprzedający musi podać wagę oraz orientacyjne wymiary paczki, okno czasowe w czasie którego musi dokonać wysyłki. Można wybrać lokalizację nadania i odebrania paczki.

Na dole prezentacji oferty znajduje się informacja o ochronie zakupu (AliExpress przeleje sprzedawcy pieniądze dopiero kiedy kupujący potwierdzi odebranie paczki), SLA dostawy, podstawowych danych sprzedającego (można za pomocą 'Go To Store' przejść do prezentacji sprzedawcy - są tam topowe/promowane produkty oraz nawigacja do wszystkich przedmiotów). Pełny opis produktu wyświetla opis ze strony WWW.

Chińczycy mają dobry katalog produktów z dobrą kategoryzacją. Sprzedający musi uzupełnić parametry przedmiotu.

Przy zakupie klient może w łatwy i prosty sposób wybrać warianty produktu. Nie musi pisać w komentarzu do sprzedającego, że wybiera buty zielone - duży plus.

Aplikacja mobilna prezentuje listę przedmiotów czekających na odebranie od kuriera. Można tutaj zajrzeć w tracking paczki.

AliExpress śledzi dla klienta statusy przesyłki. Bardzo duża i pozytywna funkcjonalność.

Lista ulubionych towarów. Może być użyta na zasadzie 'todo' albo porównywania produktów.

Mój AliExpress prezentuje kategorię przyznaną za zakupy (A1, A2, A3, A4 - dają odpowiednie przywileje), liczbę wiadomości przychodzących i notyfikacji o promocjach, migawkę z zamówień (oczekują na potwierdzenie zapłaty, wysyłkę, potwierdzenie odbioru odblokowujące przelew dla sprzedającego, ocenę zakupu;  zamówienia zakończone).

Ruch palcem na komórce odsłania menu - strona startowa, mój AliExpress, koszyk, lista ulubionych, ulubieni sprzedawcy, komunikacja ze sprzedającymi, ustawienia regionalne (język, waluta, itp.), ocena aplikacji w Google Play, strony pomocy - rozbudowane!

Strona głowna Onetu

Proponuję zmiany UX. Oryginalny wygląd u dołu.

Bardzo ładny Linux

ElementaryOS. Ładne czcionki, ładne kolory, kontrasty. Menedżer plików pamięta ostatnią lokalizację.

Płatności mobilne

Dwa lata prac, więcej niż kilka milionów wydatków i 10000* użytkowników w 5 miesięcy - to płatności mobilne T-Mobile (PTC na chwilę obecną nie jest w stanie ustalić ilu jest realnych użytkowników płatności, 10000 to tylko liczba sprzedanych usług). 10000 użytkowników w niecałe 3 tygodnie i dalszy dynamiczny wzrost - to aplikacja IKO od PKO B.P. Czemu PTC odniosło taką porażkę a PKO sukces?

PTC:

• wymagana dedykowana karta SIM z zapisaną aplikacją i kluczami kryptograficznymi
• niewiele wspieranych telefonów z NFC, w zasadzie tylko Samsung Galaxy S3, skomplikowany dewelopment, brak własnych ekspertów
• skomplikowana architektura systemu
• specjaliści od bezpieczeństwa twierdzą, że NFC ma luki '0 day/in the wild'
• usługa wymaga kooperacji z bankiem: Raiffeisen, mBank, Getin.
• drogi abonament
• wysokie koszty operatora (infrastruktura własna, T-Mobile DE, opłaty operatora transakcji Gemalto)

PKO:

• aplikacja IKO na dowolna komórkę z Androidem, iOS-em, Blackberry (ale wymaga internetu)
• bezpieczeństwo oparte na kryptografii i tokenach
• usługa jest darmowa
• można płacić w sklepach i robić wypłaty z bankomatów
• można sprawdzić bieżący stan konta i historię wpływów/wydatków

Latem mało wygodnie jest nosić ze sobą portfel albo karty luzem, a komórkę ma się zawsze. PKO pokazuje, że jest bankiem otwartym na młodych ludzi i zależy im na wygodzie klientów.

Dla myWallet powinny zostać zrobione badania rynkowe: przepytanie grupy docelowej przez SMG/KRC co potencjalni klienci sądzą o usłudze, czy by chcieli jej używać, jakie widzą plusy a jakie minusy. Wyniki badania powinny zostać przeanalizowane i stanowić podstawę do nowej bardziej szczegółowej ankiety a potem warsztatów grupy testowej z makietą. Właścicieli biznesowi powinni wcześniej odrobić pracę domową jak wygląda proces kreacji produktu, wybrać do tego metodykę uwzględniającą strategiczną konieczność synergii między biznesem a NT/IT. Czy biznes plan był naciągany ze względu na naciski z Niemiec i wszystkie te rzeczy pominięto? Nie wiadomo. Jedno jest jednak pewne - każdy duży projekt powinien mieć dobrze sprawdzone uzasadnienie biznesowe.

Ubuntu na telefony

Canonical próbuje rozszerzyć strefę wpływów o rynek mobilny. Trzeba pamiętać, że w wytwarzaniu oprogramowania mają inne podejście niż Google - w projektach niekoniecznie rządzą "techniczni". Canonical ma dobrych specjalistów od UX/HCI i bardzo solidnie podchodzi do kwestii używalności, prototypy sprawdzane są na grupach testowych. Łatwość użycia, odkrywania funkcjonalności i zapamiętywania, różne sposoby na wykonanie tej samej akcji - czyli de facto najważniejsze heurystyki Nielsena - są priorytetem. Parę spostrzeżeń:

• Ubuntu można zainstalować na telefonie obok Androida - będzie używało istniejącego jądra linuksowego
• do telefonu można podłączyć monitor i mieć prawdziwy pulpit
• można mieć komórkę i desktop w jednym, pracować zdalnie, zapisywać pliki w chmurze
• komórka z Ubuntu ma szansę być podstawowym narzędziem pracy

Menu Start dla Windows 8

Pokki to sklep z aplikacjami, który próbuje zdobyć popularność implementując menu start dla Windows 8. Standardowe linki (dokumenty, muzyka, obrazki, komputer, ostatnio używane aplikacje) oraz lista zainstalowanych programów i aplikacji panelu sterownia z możliwością wyszukiwania z powodzeniem zastępują brakującą w ósemce funkcjonalność. Oprócz tego dostajemy aplikacje HTML 5 ze sklepu. Pokki to silnik WebKit/Chromium + napisane pod niego programy.

HUD w Ubuntu 12.04

To ma sens. Na tablecie. Za pomocą mechanizmu LD_PRELOAD można podmienić wywoływane API i wiedzieć jakim menu dysponuje aplikacja. Mizianie palcem po ekranie i trafianie w odpowiednią pozycję zagnieżdżonego menu nie jest łatwe. Menu HUD pojawiające się na ekranie pozwala na wprowadzenie przez użytkownika interesującego go polecenia i wyświetlenie spłaszczonej listy pasujących pozycji.

W8 Customer Preview

Nie ma menu start. Microsoft zostawił w pasku zadań Eksploratora Windows - dlaczego więc nie ma w nim listy aplikacji tak jak w Finderze OS X? Wracanie do ekranu startowego i wybieranie dopiero z niego listy aplikacji jest mało ergonomiczne. Można też trafić dokładnie w prawy dolny lub górny róg i wywołać menu krawędziowe, wybrać Search a następnie odznaczyć. Heurystyka Nielsena mówiąca o dawaniu użytkownikowi wyboru jak wykonać dane zadanie postulowałaby istnienie trzeciej drogi - właśnie w środku pulpitu.

Przełączanie i zamrażanie aplikacji zostało zerżnięte z Androida i OS X 10.7.

Nowy Windows obsługuje usługi lokalizacji (dla urządzeń mobilnych).

Wypolerowane Unity (w Ubuntu 11.10)

Canonical zatrudnia niezłych specjalistów od HCI. Dobrze wybrnęli z ikonką power+settings (prawy górny róg, poprzedni kolorowy komputer to było semantyczne nadużycie). Mignięcie jasnego flesza przy robieniu zrzutu ekranu jest miłe. Pozostał jeden problem: sterowniki do kart graficznych; na kartach ATI nadal można obserwować nieoczekiwane artefakty. Przy obecnym trendzie dużej rodzielczości na małym ekranie (1600x900 przy 14'', co daje zazwyczaj niezdrowe dla oczu DPI powyżej 100) Ubuntu ma większy rozmiar czcionek niż Windows 7/8 i umie je ładnie skalować, co jest dużym plusem. Nie trzeba używać  ClearType Tunera, żeby uzyskać prawie krystalicznie czysty rendering czcionek.

Wielkość przekątnej ekranu w pikselach dzielona przez wartość w calach daje DPI ekranu. Wartość 130 pod Windows powoduje, że trzymamy nos przy samym ekranie. W przypadku tabletów (150 DPI) nie jest to problem, ale dla laptopa już tak - co można zauważyć patrząc na sylwetkę użytkownika.

Aplikacje w Windows 8

Pulpit też traktowany jest jako aplikacja. Kliknięcie na przycisk start na pulpicie kieruje do ekranu startowego.

Nowy Windows jest dostosowany do urządzeń dotykowych, smartphone-ów i tabletów. Trzeba jednak pamiętać, że Google Android jest obecny na nich od dawna. Windows 8 może co najwyżej przyczynić się do wzrostu popularności dotykowych monitorów LCD i telewizorów.

Ekran startowy w Windows 8

Ekran startowy ma wirtualną szerokość sporo większą od standardowego fizycznego ekranu, a jego zawartość powinna być scrollowana. Ekran posiada menu kontekstowe wywoływane ruchem ręki po ekranie (trzeba przesunąć scrollbar poza zakres) prezentujące wybrane pozycje jako panele po prawej stronie ekranu. Ekran startowy zabezpieczony jest w podobny sposób co w Androidzie - nakładką z zegarkiem. Nakładkę trzeba przesunąć ręką do góry i odsłonić ekran logowania. Po zalogowaniu widzimy ekran startowy z szeregiem kafelków (tiles) reprezentujących aplikacje nowego i starego typu.

Kafelki można przesuwać i zmieniać ich rozmiar.