UxWall

Adobe Proto projektowanie na tabletach stało się proste.

admin — Thu, 05 Jan 2012 16:13:59 +0000

Adobe Proto jest pierwszym profesjonalnym narzędziem do prototypownia, skierowanym do użytkowników, tabletów opartych o systemem Android Honeycomb. Aplikacja umożliwia pracę nad projektem, praktycznie za pomocą jednego palca. Jest to możliwe dzięki zastosowaniu systemu rozpoznawania gestów. Oprogramowanie można kupić w Android Market. Więcej informacji o produkcie na stronie producenta.

Axure uruchamia axureland.com – udostępnianie biblitoek interfejsów

admin — Mon, 21 Mar 2011 12:08:31 +0000

Axure producent jednej z najlepszych aplikacji do prototypowania wprowadził usługę udostępniania biblitoek interfejsów. Użytkownicy programu stworzeone przez siebie biblioteki mogą udostępniać na stronie axureland.com. Usługa jest darmowa.

axureland.com

ForeUI – narzędzie do prototypowania.

admin — Mon, 19 Apr 2010 12:53:59 +0000

Program umożliwia stworzenie nowych elementów oraz tworzenie nowych kategorii w bibliotece, co stanowczo ułatwi na kategoryzowanie „części” interfejsu wg swoich upodobań. Dodatkowo producent umożliwia pobranie nowych elementów interfejsu ze swojej strony www.

ForeUI umożliwia zmianę „skóry” prototypu w każdym momencie procesu projektowania. W zależności od potrzeb możemy przełączać między wizualizacją dla systemu Windows, Mac Os, czy też jak ma to miejsce w programie Balsamiq, przełączanie do wyglądu prototypu tak aby wyglądał na odręcznie rysowany.

Stworzone projekty możemy eksportować do postaci pliku graficznego, dokumentu pdf lub działającego prototypu HTML. Do każdego elementu projektu możemy przypisać w prostu sposób interakcję.

Program dostępny jest w cenie od 99$, zakupu można dokonać na stronie producenta.

5 powodów dlaczego strony docelowe i formularze są bardziej wartościowe niż strona główna

admin — Thu, 11 Mar 2010 11:12:29 +0000

1. Strony docelowe i formularze są miejscami w których interakcja użytkownika jest realna nie wymuszona.
2. Na stronach docelowych użytkownicy dokonują ważnych czynności, których rezultatem jest powiązanie ich z Twoim biznesem.
3. Strony docelowe są kontekstowe co oznacza że odpowiadają konkretnym wymaganiom użytkownika.
4. Strony główne są dla wszystkich odwiedzających, dlatego ich przekaz jest niewyraźny, skupia się na wielu aspektach, strony docelowe wskazują jeden temat.

5. Ruch skupiony tylko na stronie głównej jest symptomem spadku ruchu na innych stronach.

Źródło http://www.performable.com/blog/

ClickTale.com – prześwietl swoją witrynę.

admin — Thu, 11 Mar 2010 09:59:40 +0000

ClickTale.com

Rozbudowane narzędzie, które pozwala rejestrować wiele procesów odbywających się na stronie www:

Analiza zachowań:

nagrywanie całych sesji i zachowań użytkowników na stronie: sygnalizowanie kliknięć, przewijanie strony, naciśnięcie klawiszy
heatmaps czyli tzw. mapa cieplna poprzez zsumowanie ruchów myszy tysięcy użytkowników na stronie internetowej, tworzy kompleksową, wizualną reprezentację tego na czym odwiedzający skupiają największą uwagę
click heatmaps podobne do poprzedniej funkcjonalności jednak skupia się tylko na zbieraniu informacji o kliknięciach
attention heatmaps kolejne z cyklu heatmaps narzędzie pozwalające sprawdzić na jakich elementach strony użytkownicy skupili najwięcej uwagi
scroll reach heatmaps funkcjonalność pozwala określić jak daleko nasza strona była przewijana

Anazliza konwersji:

definiowanie scenariusz i ścieżki dotarcia użytkowników do celu, analiza procesu dotarcia do celu i wskazanie miejsca gdzie użytkownicy go przerywają
analiza formularzy, raportowanie które pola formularza pozostają najczęściej niewypełniane, czas jaki użytkownicy muszą poświęcić na wypełnienie formularza, które pola były wypełniane jako ostatnie, konwersja, które pola formularza, były źle rozumiane i zmuszały użytkownika do ponownego ich wypełnienia
analiza linków, mierzy: ilość kliknięć, ilość tzw. hover czyli najechania kursorem na link ale bez klikania, ilość hover-ów które zakończyły się kliknięciem, czas od załadowania strony do pierwszego kliknięcia, czas pomiędzy najechaniem na link a kliknięciem, rodzaj powiązań między linkami na które odwiedzający stronę wskazał, ilość użytkowników klikających w linki w stosunku do wszystkich odwiedzających stronę
coustom alerts, czyli określenie powiadomień o tym że użytkownik zrealizował cel w naszego scenariusza np. przeszedł ze strony głównej i zrealizował zamówienie. Powiadomienia przesyłane są na email

Analiza marketingowa

monitorowanie w czasie rzeczywistym
analiza kampanii mailingowych
raporty stron przedstawiające: strony o najlepszym i najgorszym zainteresowaniu użytkowników, strony najwięcej i najmniej klikane, sprawdzenie na których stronach pojawiają się błędy i co jest ich przyczyną, najszybciej i najwolniej ładujące się strony.

Czym jest informacja ?

admin — Thu, 04 Mar 2010 15:03:43 +0000

Jest, to krótki film MAYA Design na temat pojęcia „Czym jest informacja”. Większość z nas wie lub sądzi, że wie, co oznacza słowo „informacja”. Czy jest, tak jak nam się wydaje ?

Information from MAYAnMAYA on Vimeo.

13 zasad użytecznej strony www.

admin — Thu, 04 Mar 2010 14:30:40 +0000

Trzynaście zasad, pod kątem których możesz sprawdzić swoją stronę www. Na pewno nie są to wszystkie, w tym artykule chciałem przedstawić te, Drogi Czytelniku, które moim zdaniem są w miarę uniwersalne i możliwe do wdrożenia na większości stron www.

Sprawdź czy: kolorystyka, wielkość czcionek, cała koncepcja wyglądu strony spełnia warunki grupy docelowej.
Umieść logo w jednym miejscu dla wszystkich stron (przyzwyczajenie użytkowników internetu mówi że jest to lewa górna część strony).
Zaprojektuj nawigację tak aby była czytelna, konsekwentna dla poszczególnych działów/podstron.
Informuj użytkownika gdzie się znajduje w hierarchii (tzw.breadcrumbs) serwisu.
Zamieść wyraźny tytuł dla każdej strony.
Pamiętaj aby tło i tekst nie zlewały się ze sobą, poprawność zastosowanych barw możesz sprawdzić jednym z narzędzi zamieszczonych tutaj.
Wyrównaj elementy względem siebie, tak aby tworzyły czytelną siatkę, tzw. grid.
Sprawdź działanie serwisu w niskich i wysokich rozdzielczościach.
Jeżeli jest taka potrzeba, sprawdź działanie serwisu, także na różnych urządzeniach telefon, laptop.
Sprawdź czas ładowania strony na różnych szybkościach łącza internetowego (np. technologie stosowane w internecie mobilnym GPRS lub EDGE, znacznie wolniej pobierają dane, niż łącza operatorów kablowych)
Wyszukiwarkę na stronie umieść w prawym górnym narożniku.
Dodaj mapę strony
Nie przeciążaj strony nadmierną ilością informacji/grafiki, jak mówią specjaliści branży usability „Less is more”.

Gesturecons.com – gesty dłoni dla urządzeń multi-touch

admin — Wed, 03 Mar 2010 11:20:06 +0000

Przydatne źródło dla projektantów interfejsów dla urządzeń z ekranem multi-touch. Komplet zawiera 35 ikon w wektorach, co jest bardzo wygodne w przypadku wprowadzania modyfikacji. Zestaw do pobrania z http://gesturecons.com/. Poniżej próbka.

Dostępności stron www dla osób z wadami rozpoznawania kolorów.

admin — Tue, 02 Mar 2010 13:15:49 +0000

Własnością dobrej strony www jest jej dostępność na różnych urządzeniach, systemach operacyjnych czy przeglądarkach. Najważniejsze jednak jest dotarcie do grupy zainteresowanych użytkowników i to aby strona dla wszystkich była równie łatwa i czytelna w obsłudze. Poniżej przedstawiam kilka narzędzi, które pozwolą nam zasymulować widzialność stron www dla osób, które mają wady w rozpoznawaniu barw.

Accessibility Color Wheel
http://gmazzocato.altervista.org/colorwheel/wheel.php
Narzędzie symuluje daltonizm w trzech jego odmianach na barwy: zieloną, czerwoną oraz niebieską. Pozwala dobrać odpowiednie kolory dla tła, tekstu tak aby osoby z wymienioną wadą wzroku mogły odpowiednio widzieć czytany tekst.

Vischeck
http://www.vischeck.com/
Narzędzie, podobnie jak poprzednie, symuluje daltonizm. Filozofia działania jest jednak inna, mianowicie mamy możliwość przesłania na serwer obrazka z naszego komputera lub wskazania adresu url, lub wskazania bezpośredniego do strony www którą chcemy przeanalizować.

Colorblind Web Page Filter
http://colorfilter.wickline.org/
Mimo swojego siermiężnego wyglądu, aplikacja udostępnia szereg rozwiązań umożliwiających połączenie symulowania dostępności zarówno dla urządzeń (np. wyłączenie obrazków, wyłącznie css itp.) jak i symulowanie wad wzroku.

Foreground/Background Color Contrast Analyzer
http://tools.cactusflower.org/analyzer/
Narzędzie przeznaczone do badania kontrastu barw. Po wpisaniu w odpowiednie pola wartości barwy w RGB lub Hex, narzędzie zwraca informację czy skala rozpiętości kontrastu kolorów oraz różnica jest odpowiednia. Generuje przykładowy tekst oraz tło z wprowadzonymi wcześniej barwami.

Rohschnitt – Kontrasttest nach W3C
http://www.rohschnitt.de/drag_queen.htm
Aplikacja badająca te same wartości jak „Foreground/Background Color Contrast Analyzer”, dodatkowo wyposażona możliwość zmiany kolorów online za pomocą wizarda (suwaków).

Analizator kontrastu
http://kwality.polip.com/kontrast.html
Analizator kontrastu produkcji polskiej. Wymaga instalacji na lokalnym komputerze.

Color Oracle
http://colororacle.cartography.ch/
Program w wersji desktop. Służy do symulowania wad rozpoznawania barw.

Fujitsu Accessibility Assistance
http://www.fujitsu.com/global/accessibility/assistance/

Zestaw Fujitsu zawiera trzy aplikacje:

Check my colour
http://www.checkmycolours.com/
Narzędzie do szybkiej analizy strony. Po wpisaniu adresu url, strona generuje tabelę z listą błędów kolorystycznych np. gdy kolor czcionek i tła jest mało kontrastowy, sprawdza jasność oraz różnice kolorów.

Projektowanie interfejsów aplikacji internetowych

admin — Sat, 27 Feb 2010 19:48:43 +0000

Bardzo ciekawy artykuł na temat projektowania aplikacji internetowych opublikowany na SmashingMagazine.com