App Design Versus Web Design: co projektanci mogą się nawzajem nauczyć
Często patrzymy na projektowanie aplikacji i projektowanie stron internetowych jako dwa różne, jeśli są powiązane, pola.
Linie rozmazują się nieco z aplikacjami internetowymi (które są technicznie zarówno aplikacjami, jak i stronami internetowymi), ale wciąż staramy się je ułożyć w przedział. Nawet projektanci, którzy pracują nad obydwoma rodzajami projektów często postrzegają je jako osobne rzeczy.
Ale jest wiele lekcji, które projektanci aplikacji i projektanci stron internetowych mogą uczyć się nawzajem.
Każdy rodzaj projektu okazał się mieć swoje mocne i słabe strony, często uzupełniające mocne i słabe strony drugiej dziedziny.
Poniżej przedstawiamy sześć lekcji, które projektanci aplikacji i strony mogą uczyć się nawzajem.
1. Unikaj pełzania elementów
Projektanci aplikacji wiedzą, że dodatkowe funkcje mogą szybko stać się Twoim najgorszym wrogiem. Utrzymanie swojej szczelności i szczupłej aplikacji, z niezbędnymi, przydatnymi funkcjami, jest kluczem do sukcesu. Jeśli spojrzysz na najpopularniejsze aplikacje w praktycznie każdym sklepie z aplikacjami na platformie, zobaczysz, że większość ma wąskie fokusowanie z tylko tymi funkcjami, których najbardziej potrzebują.
Ge.tt to świetny przykład aplikacji internetowej, która uniknęła funkcji pełzania. Pozwala szybko udostępniać i publikować pliki online. Wszystkie zawarte w nim funkcje są bezpośrednio związane z jednym głównym celem.
Ten wąski fokus jest ważny dla aplikacji, ponieważ często są one ograniczone zarówno kwestiami przestrzeni, jak i użyteczności. Jeśli ktoś używa aplikacji na telefonie, jej użyteczność może być o wiele trudniejsza. Im więcej funkcji zapełnisz ekran, tym trudniejsza staje się aplikacja. Podczas gdy niektóre aplikacje znalazły sposoby na tworzenie bogatych w funkcje aplikacji bez bałaganu, jest to zdecydowanie bardziej wymagająca propozycja.
Z drugiej strony, projektanci stron internetowych często próbują wtłoczyć na stronę jak najwięcej funkcji. Ich zdaniem, im więcej funkcji, tym bardziej przydatna będzie ich strona. Podczas gdy strony internetowe nie muszą stawić czoła tym samym wyzwaniom związanym z programami na małą skalę, nie musi to oznaczać większego zakresu, a więcej funkcji ma na celu zwiększenie wartości dla użytkownika.
Oto, co sprowadza się do: wartości. Jeśli funkcje, które dodajesz, dostarczają więcej korzyści dla użytkownika końcowego, znalezienie sposobu na włączenie ich do istniejącego doświadczenia użytkownika jest ważne i warte podjęcia wyzwania. Ale nie dodawaj funkcji w celu dodania funkcji.
2. Musisz stworzyć coś wyjątkowego i świeżego
Twórcy aplikacji wiedzą, że tworzenie czegoś, co różni się od obecnie dostępnych aplikacji, jest jednym z najważniejszych elementów tworzenia popularnej i udanej aplikacji. Potrzebują czegoś wyjątkowego i świeżego, jeśli chcą się wyróżnić na rynku. Wystarczy dodać jedną lub dwie cechy, co zapewnia konkurencja, nie ograniczając jej.
PDF Expert to doskonały przykład aplikacji o świeżym wyglądzie i wyjątkowej funkcjonalności.
Projektanci stron internetowych niekoniecznie wpadli na ten pomysł. Wielu z nich robi to samo, co robią inni projektanci, modyfikuje kilka rzeczy, aby "zrobić z siebie" i nazwać to dniem. Jasne, powierzchownie strona może wyglądać inaczej, ale wciąż jest to ten sam ogólny układ, te same ogólne cechy i ta sama ogólna funkcjonalność. Nie ma nic innego ani wyjątkowego.
Projektanci, którzy chcą odnieść sukces, muszą pomyśleć o sposobach stworzenia czegoś, co naprawdę różni się od tego, co oferuje konkurencja. Wymyślaj nowe pomysły i nowe podejścia do typowych problemów, zamiast patrzeć na to, co robi drugi facet.
Oto ćwiczenie dla ciebie: następnym razem, gdy masz wyzwanie projektowe, które trzeba przezwyciężyć, nie szukaj sposobu, w jaki robi to ktoś inny. Zamiast tego usiądź i zrób burzę dziesięciu pomysłów na to, jak możesz rozwiązać problem, niezależnie od tego, jak mogą się wydawać nieprzyjemne lub głupie. Dopiero po uzyskaniu tej listy możesz przyjrzeć się, jak inni rozwiązali to samo wyzwanie. Sprawdź, czy ich rozwiązania są naprawdę lepsze niż te, które wymyśliłeś. Połącz niektóre z ich pomysłów z niektórymi z twoich pomysłów i zobacz, co możesz wymyślić. Umożliwi ci to myślenie o własnych, unikalnych rozwiązaniach, a nie tylko podążanie za status quo.
3. Użyj standardowych elementów i wzorów GUI
O ile unikalność jest dobra, najlepsi projektanci aplikacji wiedzą również, że istnieją pewne standardowe elementy GUI, od których oczekuje się pewnych rzeczy. Odchylają się one od tych wstępnie zdefiniowanych kontroli na własne ryzyko. Udane aplikacje działają inaczej tylko wtedy, gdy działają lepiej niż standardowy interfejs GUI (który nie jest często w większości przypadków). I większość z nich przedstawia jasne instrukcje, kiedy robią odstępstwa.
Aplikacja Harvest używa standardowych szablonów GUI, jednocześnie tworząc spersonalizowany interfejs. To sprawia, że aplikacja jest łatwa w użyciu i atrakcyjna.
Projektanci stron internetowych czasami odchodzą od normy, starając się być unikatowi, przez co ich witryny stają się bezużyteczne. Ludzie oczekują pewnych rzeczy podczas odwiedzania strony internetowej: podkreślony tekst jest linkiem, podobnie jak przyciski, nawigacja jest oczywista i zwykle jest u góry lub z boku strony i podobne wspólne konstrukcje. Gdy zmienisz zasady od normy, prawdopodobnie zmylisz użytkowników.
Pomyśl o typowych wzorcach projektowych dla dowolnego elementu, a następnie zdecyduj, czy odejście od tego wzoru poprawi komfort korzystania z witryny lub po prostu uczyni ją "inną". Jeśli to nie poprawi UX, zapomnij o tym. A jeśli nie jest od razu oczywiste, jak coś działa, a następnie dodaj instrukcje gdzieś na stronie, aby odwiedzający wiedzieli, co robić. Najszybszym sposobem na utratę gościa jest sprawienie, by poczuli się głupio.
4. Twórz użyteczne komunikaty o błędach
Ta lekcja może przebiegać w obie strony. Niektórzy projektanci aplikacji mają fantastycznie przydatne komunikaty o błędach, podobnie jak niektóre witryny internetowe. Ale istnieje wiele aplikacji, które nie mają przydatnych komunikatów o błędach i wiele stron internetowych, które są takie same.
Nawet proste dodanie pola wyszukiwania i linków do strony głównej i archiwów może sprawić, że strona 404 będzie bardziej użyteczna.
Przydatne komunikaty o błędach informują użytkownika o czymś więcej niż o tym, że wystąpił błąd. W przypadku aplikacji bardziej przydatny komunikat o błędzie może oferować pomysły na obejście tego błędu. W witrynie internetowej komunikat o błędzie może dać użytkownikowi alternatywę lub pomysły, jak przezwyciężyć błąd. W obu przypadkach po prostu mówiąc "wystąpił błąd", nic nie stoi na przeszkodzie użytkownikowi. Poświęć trochę czasu na tworzenie komunikatów o błędach, które w rzeczywistości poprawiają komfort użytkowania, a będziesz mieć szczęśliwszych użytkowników.
5. Dość ważne
Jest to coś, czego wielu projektantów aplikacji może uczyć się od projektantów stron internetowych. Przyznaję, że istnieje mnóstwo ładnych i przydatnych aplikacji. Ale jest też wiele aplikacji, które mają świetne funkcje, ale są niesamowicie brzydkie i źle zaprojektowane.
Projektanci aplikacji muszą zastanowić się, w jaki sposób mogą lepiej zaprojektować GUI swojej aplikacji, zamiast używać domyślnego schematu projektowego platformy, na której budują. Oczywiście, wbudowane elementy GUI nie są w niektórych przypadkach straszne, ale są również dość ogólne. Nie pomogą Twojej aplikacji wyróżnić się spośród tysięcy innych na rynku. Jeszcze gorsza jest liczba aplikacji, które używają niestandardowego projektu, który jest rzeczywiście gorszy od graficznego interfejsu użytkownika.
Awesome Note to jedna aplikacja, która zdecydowanie przekonuje, że atrakcyjny wygląd jest ważny dla dobrej aplikacji.
Zastanów się nad funkcjami aplikacji i użytkownikami, a następnie zastanów się, jak możesz wykorzystać ten projekt, aby ułatwić korzystanie z tych funkcji i poprawić postrzeganie samej aplikacji przez użytkowników. Załóżmy na przykład, że tworzysz starą aplikację aparatu. Korzystanie z graficznego interfejsu użytkownika nie robi nic, aby wzmocnić pomysł, że aplikacja aparatu robi coś innego niż aplikacja giełdowa. Jeśli jednak dodasz elementy stylu vintage i elementy do projektu, stworzysz wrażenie, które będzie bardziej przyjemne dla Twojego użytkownika. Czują się jakby używali innej aplikacji, nie tylko standardowego aparatu z kilkoma dodatkowymi dzwonkami i gwizdkami.
6. Skalowalność jest koniecznością
To jest coś, co projektanci stron internetowych mają dość dobrze. Wiemy, że w dowolnym momencie nasza strona internetowa może nagle zauważyć napływ ruchu i musi pozostać dostępna dla większej liczby osób. Wystarczy trochę treści, aby nagle stać się wirusowym, a nawet po prostu otrzymać jedną lub dwie retweets lub akcje od wpływowych ludzi. I w pewnym stopniu nie jest tak trudno, aby standardowa strona internetowa stała się bardziej skalowalna (w większości chodzi tylko o wybór hosta, który może zapewnić serwery skalowalne wraz z ruchem).
Innym problemem związanym ze skalowalnością jest przewidywanie, w jaki sposób użytkownicy będą korzystać z witryny lub usługi. W przypadku większości witryn internetowych nie stanowi to problemu. Ale w aplikacjach najważniejsze jest, w jaki sposób użytkownik wchodzi w interakcję z aplikacją. Niewielka liczba zaawansowanych użytkowników, którzy naprawdę rozszerzają możliwości aplikacji, może powodować problemy dla innych użytkowników lub po prostu mieć złe doświadczenia.
Aplikacje mogą być znacznie trudniejsze do skalowania niż strony internetowe, w zależności od infrastruktury. Skalowanie wyłącznie w celu zwiększenia liczby użytkowników nie różni się znacząco od skalowania strony internetowej; to tylko kwestia przepustowości i mocy obliczeniowej. Tam, gdzie skalowalność aplikacji jest trudniejsza, sprowadza się do tego, w jaki sposób użytkownicy końcowi korzystają z aplikacji.
W zeszłym tygodniu odbyła się interesująca dyskusja na temat Google+ między Robertem Scrablem i Kevinem Rose. Scoble ma problemy z duplikowaniem treści ("szumu") zaśmiecającymi jego kanał i publicznie mówi, że Google+ powinien wymyślić jakiś system filtrowania, który pomoże wyeliminować ten hałas. Rose twierdzi, że dzieje się tak tylko dlatego, że Scoble jest użytkownikiem "fringe case" i że większość ludzi nie spotka się z tymi samymi problemami, ponieważ nie podążają za tysiącami ludzi. Pozostaje pytanie, czy aplikacja internetowa, taka jak Google+ (lub aplikacja na platformę mobilną) powinna skupiać się na skalowalności dla tych marginalnych użytkowników, czy skupić się na bardziej "przeciętnych" użytkownikach? Jest to debata, która prawdopodobnie nie zostanie rozwiązana w najbliższym czasie, ale jest to coś, o czym deweloperzy i projektanci aplikacji i witryny muszą być świadomi i decydować, w jaki sposób chcą rozwiązywać poszczególne przypadki.
Wniosek
Niezależnie od tego, czy jesteś projektantem stron internetowych, czy projektantem aplikacji, możesz dowiedzieć się czegoś o dobrym wzornictwie z innych dziedzin projektowania. Wyjdź poza własne wąskie spojrzenie na to, jak inni projektanci w innych dziedzinach radzą sobie z podobnymi problemami, a następnie dostosuj te pomysły do własnych wyzwań.
Co myślisz? Jakie inne lekcje mogą nauczyć się projektanci stron internetowych i aplikacji? Jakie wnioski muszą nauczyć się obydwa typy projektantów i gdzie mogą się ich nauczyć? Daj nam znać w komentarzach!