Przeszłość wciąż jest obecna – przegląd ponadczasowego designu

Branża projektowania cyfrowego dojrzewa. Dzięki ugruntowanym najlepszym praktykom i pojawieniu się systemów projektowania możliwe jest teraz dążenie do dłuższej żywotności projektowanych produktów, które tworzymy. Możemy dążyć do cyfrowych klasyków zamiast jednorazowych cudów.

Wzornictwo przemysłowe jest plakatem dziecka długowieczności. Ponadczasowy urok skutera Vespa. Kultowe kontury butelki Coca-Coli. Eleganckie kąty fotela Eames. Czy kiedykolwiek powstanie cyfrowe wzornictwo odpowiadające ponadczasowym cudom świata wzornictwa przemysłowego? Czy interfejs użytkownika może wytrzymać dziesięciolecia jak aparat Leica?

Mało prawdopodobne, wydaje się być odpowiedzią. Po zbudowaniu obiektów fizycznych nie trzeba odnawiać nazw domen ani nadążać za standardami sieciowymi, aby istnieć. Ponadczasowy design musi być zbudowany na ponadczasowym fundamencie, ale cyfryzacja zawsze się zmienia.

Okres trwałości projektów cyfrowych można jednak wydłużyć. Nawet jeśli podstawowa technologia wciąż ewoluuje.

Celuj w ponadczasowy design

Nic dziwnego, że systemy projektowe zyskują na popularności. Starannie opracowany system projektowania daje nawet najbardziej szybko rozwijającemu się produktowi jasny zestaw ponadczasowych zasad. Elementy interfejsu użytkownika mogą się zmieniać z czasem, ale odczucia produktu mogą pozostać niezmienne przez wiele lat, nawet w miarę dojrzewania produktu. Elastyczność i długowieczność. To korzystne dla obu stron.

Kandydaci do Galerii Sław Cyfrowego Projektowania

Długowieczność w projektowaniu cyfrowym nie jest mrzonką. To nasza obecna rzeczywistość i, jak pokazali inni, interfejsy mogą starzeć się jak dobre wino.

Projektowanie materiałów Google (2014)

Pojawienie się Material Design oznaczało punkt zwrotny w projektowaniu cyfrowym. Po raz pierwszy tak duży gracz, jak Google, stworzył język projektowania od podstaw. Mało tego, umożliwił projektantom dostarczanie wskazówek i narzędzi do implementacji języka we własnej pracy.

Zainspirowany papierem, Material Design zrewolucjonizował sposób, w jaki myślimy o projektowaniu w cyfrowym świecie. Zapożyczając cechy świata fizycznego, takie jak cienie i odwieczne zasady animacji, Material Design opiera się na znanych efektach wizualnych bez rozkręcania wentylatorów GPU. Nie powielamy już tekstur skóry ani hiperrealistycznych odbić, które powodują zatrzymanie kart przeglądarki.

Na wynos: świat fizyczny może wpływać na projektowanie cyfrowe, ale musi dostosować się do cech podstawowej technologii.

GOV.UK (2013)

Posiadając własny kompleksowy system projektowania, GOV.UK była jedną z pierwszych rządowych stron internetowych zorientowanych na użytkownika i umieściła na mapie dostępność i projektowanie informacji.

Niektórzy mogą powiedzieć, że nijakie, ale zespół projektowy nigdy nie dążył do estetyki. Zamiast tego skupiono się na projektowaniu informacji: udostępniaj użytkownikom informacje, których potrzebują do wykonania zadań w jak najkrótszym czasie. Bez dodatków, bez zamieszania. Tak radykalna prostota uczyniła GOV.UK natychmiastowym klasykiem.

Na wynos: interfejsy użytkownika nie muszą być ładne, aby odnieść sukces.

iOS 7 (2013)

Oryginalny iOS z 2007 roku zasługuje na swój własny wpis, ale dopiero w iOS 7 Apple pożegnał się ze skeuomorfizmem i przyjął płaską konstrukcję. Pożegnanie słoje drewna. Witam, oszałamiająca prostota. iOS dorósł.

Aby być uczciwym, Android był liderem dzięki implementacji płaskiej konstrukcji i prawdopodobnie lepszej animacji. Jednak Apple nadrobiło zaległości i stworzyło estetykę cyfrowego projektowania, która została później rozszerzona na systemy operacyjne Mac i iPad.

Apple nie zrezygnowało całkowicie z efektów skeuomorficznych w iOS 7. Aplikacja notatek nadal ma subtelną teksturę papieru, a aplikacja pogodowa aktualizuje tło, aby odzwierciedlać światło dzienne i warunki pogodowe. Jednak interfejs 2D nie jest już zmuszony do bycia czymś, czym nie jest.

Na wynos: Płaska konstrukcja jest królem interfejsów użytkownika 2D.

Trello (2011)

Nie licząc ulepszeń użyteczności, szwajcarski scyzoryk aplikacji cyfrowych prawie się nie zmienił w ciągu prawie dekady. Podczas gdy konkurencyjne produkty pojawiły się obiecujące „wszystkie funkcje”, Trello utrzymał swoją pozycję i pozostał popularny ze względu na swoją prostotę.

Zamiast przeciążać funkcje, Trello zaoferowało ekosystem wtyczek, który może zaspokoić niszowe potrzeby niektórych użytkowników bez przeciążania interfejsu użytkownika dla większości. Trello to plakatowe dziecko zasady 80/20 w projektowaniu (znanej również jako „Zasada Pareto”).

Na wynos: iteruj ostrożnie i zastosuj zasadę 80/20.

Google Chrome (2008)

Jeśli slogan Volkswagena to „Das Auto”, to Chrome powinien brzmieć „Przeglądarka internetowa”. Google wziął typową przeglądarkę internetową, usunął wszystko, co nie było niezbędne, sprawił, że była niesamowicie wydajna i wyprzedziła rynek.

Największym wkładem Google w to było uczynienie z wydajności niezbędnej dla wszystkich przyszłych produktów cyfrowych. Zrozumienie ograniczeń sprzętowych i przeglądarek oraz dążenie do uzyskania jedwabiście płynnych 60 klatek na sekundę sprawia, że ​​projektowanie cyfrowe zasadniczo różni się od projektowania drukowanego lub przemysłowego. Sukces Chrome jest dowodem na to, jak ważna jest wydajność dla doskonałego doświadczenia użytkownika.

Na wynos: sama prostota i wydajność mogą wygrać na dłuższą metę.

Obóz bazowy (2003)

Basecamp wyrobił sobie markę, sprzeciwiając się dogmatowi Doliny Krzemowej o finansowaniu kapitału podwyższonego ryzyka, wykładniczym wzroście i wczesnych wyjściach. Ich zaangażowanie w zrównoważone, długoterminowe produkty znajduje odzwierciedlenie w projekcie Basecamp 3.

Projektanci mogą pomóc w tworzeniu produktów, które przetrwają próbę czasu, ale są bezsilni, jeśli prezesi nie doceniają produktów zaprojektowanych tak, aby starzeć się z wdziękiem. Wśród dzisiejszych twórców produktów cyfrowych rzadko można znaleźć firmy, które praktykują staranne podejmowanie decyzji lub odmawiają pogoni za każdym nowym trendem. Wyjątkiem jest Basecamp.

Na wynos: Zrównoważone firmy tworzą zrównoważone produkty.

Google (1998)

Patrząc wstecz na pierwsze iteracje strony głównej Google, stworzenie kultowego układu, który jest teraz rozpoznawalny na całym świecie i można z niego korzystać bezbłędnie, zajęło mniej więcej rok.

Strona główna Google to rzadki produkt cyfrowy, w którym ktoś z końca XX wieku może zostać teleportowany do dnia dzisiejszego, wchodzić w interakcję z interfejsem użytkownika i nawet nie zauważyć, co się zmieniło.

Na wynos: świetne produkty mogą ewoluować, a nie wymyślać na nowo, i nadal utrzymywać swoją wiodącą pozycję na rynku.

2001: Odyseja kosmiczna (1968)

Arcydzieło Stanleya Kubricka było w równej mierze filmem hollywoodzkim, co futurystyczną wizją. Prognozy dotyczące przyszłości są zwykle wypaczane przez teraźniejszość, co skutkuje banalnymi pomysłami, które z perspektywy czasu wydają się komiczne. To niezwykłe, jak nieszablonowe były te koncepcje w 2001: A Space Odyssey , takie jak przewidywanie ekranów dotykowych, tabletów podobnych do iPada i interfejsów sterowanych głosem.

Co zaskakujące, projekty interfejsu użytkownika nadal wyglądają na istotne, mimo że upłynęło jeszcze pięć lat, zanim Xerox PARC zacząłby eksperymentować z pierwszymi iteracjami graficznego interfejsu użytkownika, testami, które później stanowiłyby podstawę systemów operacyjnych Microsoftu i Apple.

Interfejsy koncepcyjne filmu prezentowały coś zbliżonego do estetyki płaskiej konstrukcji. Minęło kolejne cztery dekady , zanim Apple porzucił skeuomorfizm i poszedł w jego ślady. Niezależnie od tego, czy jest to celowe przewidywanie, czy ograniczenie możliwości graficznych w tamtym czasie, przebłyski interfejsów brzmią autentycznie do dziś.

Na wynos: Stanley Kubrick jest geniuszem.

Zasady trwałego projektowania cyfrowego

Nie istnieją żadne sformalizowane zasady tworzenia „ponadczasowych” interfejsów cyfrowych, co nie jest zaskakujące w branży opartej na motcie „poruszaj się szybko i niszcz rzeczy”. Ale gdyby istniały zasady przewodnie, powinny być uniwersalne, dostosowane do technologii, proste i pragmatyczne.

Uniwersalność

Jednym ze sposobów zachęcania do długoterminowego przetrwania produktów cyfrowych jest udostępnienie ich jak najszerszemu gronu odbiorców. Oznacza to projektowanie pod kątem dostępności, wydajności i integracji. W miarę jak produkty stają się coraz szerzej stosowane, należy oferować wielojęzyczne doświadczenia.

Dostosowany do technologii

Zamiast narzucać kreatywne wizje leżącej u podstaw technologii, projektowanie adaptacyjne do technologii działa we współpracy z podstawową technologią. W projektowaniu stron internetowych oznacza to rezygnację z animacji, które obniżają liczbę klatek na sekundę do 10 klatek na sekundę lub nieodtwarzanie fizycznych powierzchni w HTML, CSS i JS.

Bez sensu Proste

Nie oznacza to, że długowieczność wymaga uproszczenia produktów lub ograniczenia ich do określonej liczby funkcji. Oznacza to jednak, że cechy są wybierane celowo i z myślą o holistycznym doświadczeniu. Zastosuj zasadę 80/20 i błądź po stronie prostoty, gdy masz wątpliwości.

Pragmatyczny

Projekty cyfrowe mają wiele wspólnego z roślinami pod względem długowieczności. Podobnie jak rośliny, aby przetrwać, muszą być stale podlewane. Gdyby Google zbankrutował i zlikwidował, jego produkty zamknęłyby się wraz z nim. Nie dotyczy produktów fizycznych. Samochód wyprodukowany przez firmę, która już nie istnieje w kraju, którego już nie ma, może być nadal używany, jeśli jest dobrze utrzymany. Projektanci przemysłowi mogą być pewni, że ich praca ich przeżyje. Nie dotyczy to projektantów cyfrowych.

Co więcej, wiele startupów jest w trybie przetrwania. Nie mają zasobów, aby zbadać, jak dodać dodatkowe lata życia do swoich interfejsów. Najczęściej projektanci cyfrowi widzą, jak ich prace giną, zanim zobaczą, jak się starzeją.

W takich okolicznościach długowieczność nie jest pierwszym, drugim ani nawet piątym priorytetem cyfrowego projektowania produktów. Produkty muszą przetrwać pierwsze lata istnienia, zanim będą mogły się martwić o dobre starzenie się.

Ale drobne decyzje mogą skierować produkty na właściwy tor. Kiedy masz wystarczająco dużo czasu, stwórz spójny system projektowania. Gdy czas jest krótki, rozszerz lub dostosuj istniejące systemy. Postępuj zgodnie z najlepszymi praktykami. Zastosuj zasadę 80/20. Są to małe sposoby, w jakie projektowanie cyfrowe może być popychane w kierunku długowieczności, nawet w dynamicznych środowiskach o wysokim ciśnieniu.

Projekt dla długowieczności

Projektanci cyfrowi postąpiliby mądrze, uznając wartość tworzenia prac, które zachowują aktualność przez wiele lat. Może zamiast obsesyjnie patrzeć na najnowsze trendy, branża powinna oklaskiwać prace, które przetrwały próbę czasu.

Interfejsy użytkownika mogą nigdy nie mieć nostalgicznego uroku wytrzymałego, starego skutera Vespa, ale produkty cyfrowe mogą nadal poprawiać jakość życia. Im dłużej to robią, tym większe prawdopodobieństwo, że zostawią spuściznę, która przetrwa dziesięciolecia.

Pozwól nam wiedzieć co myślisz! Zostaw swoje przemyślenia, komentarze i opinie poniżej.

• • •

Dalsza lektura na blogu Toptal Design:

• Odkrywanie zasad projektowania Gestalt
• Zasady projektowania i ich znaczenie
• Sprawdzone i prawdziwe prawa UX (z infografiką)
• Sztuka kontra design – ponadczasowa debata
• Przestań robić śmieci: przewodnik po projektowaniu trwałych interfejsów