Projektowanie skalowanych interfejsów sieciowych dla ekranów dotykowych
Dawno minęły czasy zawiłej notacji javascript i niezliczone wtyczki znajdują się w nagłówku. Projektowanie układu zrobiło duży krok naprzód, ponieważ projektanci tworzą ekstrawaganckie koncepcje. Urządzenia z ekranem dotykowym cieszą się obecnie największym zainteresowaniem z punktu widzenia projektanta i programisty.
Coraz więcej osób korzysta z urządzeń z ekranem dotykowym. Dotyczy to komputerów typu tablet i całej listy systemów operacyjnych telefonów komórkowych. Wszystkie te urządzenia są mobilne i umożliwiają dostęp z większości zdalnych lokalizacji.
Projektanci zmniejszają swoją wiarygodność, aby nadążyć za wysokim popytem. Ale co jest istotne przy zmianie standardowego projektu internetowego na aplikację z ekranem dotykowym? W środowisku projektantów pojawia się wiele nowych trendów, które można wykorzystać do przekształcenia dowolnego pomysłu w futurystyczną technologię ekranu dotykowego.
Obecny stan dostosowania
Chociaż iPhone i iOS firmy Apple są często omawiane przez główne media i guru technologii, nie są jedynymi rynkowymi kapitałami w urządzeniach z ekranem dotykowym. Wiele przenośnych laptopów i tabletów zostało wydanych przez niezależnych producentów, w tym Hewlett-Packard, Samsung i Microsoft.
Obecnie programiści muszą patrzeć na interfejsy ekranu dotykowego jako nowe urządzenia oprócz standardowej klawiatury i myszy. Tradycyjnie odbywało się to za pomocą wywołań JavaScript lub zapytań medialnych, co skutkowało złożonymi danymi zwrotnymi. Musi być lepszy sposób na przyjęcie tych nowych trendów.
Jako przykład możemy porównać iPada Apple z dowolnym netbookiem z Google Chrome, aby natychmiast zauważyć różnice. Chociaż ich rozmiary ekranów mogą być podobne, działają na dwóch zupełnie różnych poziomach. Nawet same systemy operacyjne są bardzo różne i obsługują nowe standardy obliczeniowe.
Zyski i straty
Dzięki interfejsom z ekranem dotykowym zyskujemy dużą elastyczność. Projektanci mogą umieszczać przyciski i kółka przewijania w dowolnym miejscu na stronie, ponieważ wszystko jest dostępne za dotknięciem lub ruchem.
Programiści mogą również w pełni kontrolować funkcjonalność aplikacji. Pakiet Cocoa SDK dla systemu iOS oferuje wiele klas odzwierciedlających interakcje na ekranie dotykowym. Programiści mogą sprawdzać, czy nie ma wielu palców, a nawet wyczuwanie nacisku między każdą interakcją.
Tracimy jednak również wiele kluczowych referencji projektowych, które wszyscy pokochaliśmy. Jako przykład nie ma potrzeby stanów najechania kursorem w przypadku interfejsu w pełni opartego na ekranie dotykowym. Można to zastąpić stanem działania za każdym razem, gdy użytkownik aktywnie naciska element, chociaż cel jest bardzo rozbieżny.
Brak myszy stanowi również problem z wprowadzaniem danych. Przewijanie i przewijanie między stronami musi być płynniejsze i łatwiejsze niż w przypadku większości aplikacji, ponieważ zmniejsza się funkcjonalność. Klawiatury są również wbudowane w tablet lub ekran podręczny, co zapewnia zupełnie nowy komfort użytkowania.
Grupuj wspólne elementy razem
Elementy grupujące to dobra praktyka w projektowaniu układu aplikacji z ekranem dotykowym. Przez klaster nie mam na myśli wciskania wszystkich przycisków i elementów na stronie w prawym górnym rogu. W rzeczywistości zaprojektuj mapę dla każdego widoku i oblicz, które informacje najlepiej pasują do danego widoku.
Zmniejsza to frustrację i zamieszanie po stronie użytkownika. Szukając ustawień aktualizacji informacji o koncie, najłatwiej jest znaleźć je wszystkie w jednym panelu ekranu. Często dzieje się tak również w przypadku aplikacji internetowych, chociaż interfejs jest zwykle skonfigurowany do interakcji z myszą.
Zamiast tworzyć jeden długi przewijany zbiór danych mobilnych systemów operacyjnych, oferują unikalne zalety. Na większości urządzeń z ekranem dotykowym możesz tworzyć zakładki w każdym widoku aplikacji. Umożliwiają one użytkownikom łatwe przełączanie ustawień i innych danych bez większego wysiłku. Ten pasek kart można porównać do paska nawigacji pełnego linków do stron w klasycznym interfejsie internetowym.
Plan dla niezliczonych systemów mobilnych
Wspaniale jest wziąć pod uwagę, że twoja strona działa z pełną specyfikacją HTML5 i CSS3, ale to nie rozwiązuje wielu typowych problemów wśród interfejsów ekranu dotykowego. Pod warunkiem, że dowolna przeglądarka analizuje twoją stronę z najbardziej popularnymi standardami DOM, nic ci nie będzie.
Chociaż Google Chrome na komputery działa z silnikiem parsującym znacznie różniącym się od silnika BlackBerry lub Opera Mobile. W rzeczywistości dla każdego z głównych operatorów komórkowych widzimy wiele nowych przeglądarek.
iOS jest domyślnie wyposażony w Safari, ale wiele innych jest zawartych w App Store. Wszystkie nowoczesne przeglądarki oprogramowania dla platform mobilnych mają możliwość sprawdzania notatek i atrybutów HTML5. Jeśli to możliwe, powinieneś rozważyć przetestowanie każdej wersji układu witryny w głównych przypadkach z ekranem dotykowym. Przeglądarki między Androidem, Microsoft Mobile i BlackBerry będą się różnić i będą wymagały dokładnego planowania.
Oczywiście nie jest możliwe zadowolenie wszystkich przez cały czas, ale większość jest z pewnością celem, do którego warto sięgnąć. Zaimplementuj na swojej stronie instalację Google Analytics lub innej aplikacji statystycznej, która będzie analizować każde urządzenie odwiedzające.
Google oferuje niewiarygodnie szczegółowe dane raportów, takie jak przeglądarki mobilne, które najczęściej uzyskują dostęp do Twojej witryny i ile stron średnio odwiedza.
Nie zostawiaj żadnego kamienia Unturned
Można to również połączyć z ogólną wiedzą projektową, ale upewnij się, że każdy element jest zgodny z każdym układem ekranu dotykowego. Patrząc wstecz na prototyp lub interfejs mobilny, my jako projektanci często próbujemy zmieniać i przestawiać rzeczy na śmierć.
Ważne jest, aby zdać sobie sprawę, że dzięki interfejsom dotykowym jest znacznie mniej miejsca na swobodny ruch. Dlatego ważne jest, aby znaleźć układ, który działa najlepiej i nadal zapewnia najłatwiejszą obsługę - a następnie trzymaj się go!
Może to być trudne, ale zaufaj swojemu wnętrznościowi i wyczuciu projektu, jeśli chodzi o wiedzę, kiedy nazwać to dniem.
Rozważ przetestowanie swojego projektu u kilku znajomych lub członków rodziny. Szybkie demo lub przeglądanie aplikacji i interfejsu użytkownika z perspektywy zewnętrznej zwykle zbiera pomocne opinie i oferuje krytykę z nowego zestawu oczu.
Wniosek
Gdy urządzenia z ekranem dotykowym będą kontynuowały inwazję, zauważymy gwałtowny rozwój aplikacji. To ogromny rynek, który obejmuje nie tylko urządzenia Apple z systemem iOS, ale także Google i Microsoft rozpoczynają kampanie mające na celu zwiększenie udziału w mobilnym Internecie.
Porównanie każdego z tych urządzeń jest różne i będzie się różnić od każdego projektanta. Jeśli chcesz sprawdzić więcej pomysłów na ten temat, zastanów się nad poszerzeniem swoich przemyśleń na stronach z ekranem dotykowym, aby zobaczyć, co tam jest. Interfejsy internetowe z ekranem dotykowym ewoluują, a wraz z nimi ewoluuje społeczność projektantów, zobaczymy innowacyjne inspiracje dla interfejsu użytkownika, jak nigdy dotąd!
