Czego nie nauczą w szkole projektowania: ucząc się tego od króla Sidhartha
Opublikowany: 2021-04-03Programy uniwersyteckie są dość ustrukturyzowane. Robisz krok 1, potem krok 2 i tak dalej, a na każdym kroku są strażnicy, powiedział król Sidharth w TMS2021
Naprawdę trudno zrozumieć, co sprawdzi się w projektowaniu komercyjnym. Pomaga jednak rozbicie procesu tworzenia wykonalnych projektów na trzy pytania
Dając publiczności przegląd tego, co oznaczają frontend i backend, Sidharth wyjaśnił potrzebę zrozumienia różnych ról, jakie odgrywają interesariusze podczas tworzenia produktu
Czas życia technologii stosowanej w branży wyprzedza programy uniwersyteckie szybciej niż kiedykolwiek wcześniej. Nie chodzi o to, że uniwersytety nie są świadome problemu, ale niewiele mogą z tym zrobić. Programy nauczania potrzebują trochę czasu, aby zostać przeprojektowane, a kiedy już są, zaczynają już tracić przewagę. Dlatego uniwersytety w większości ograniczają swoje programy nauczania do podstawowych podstaw.
„Pewna wiedza specjalistyczna pochodzi tylko z branży, kiedy tam pracujesz”, mówi King Sidharth, który odpowiada za projektowanie, UX i produkt w Headout. Przemawiając na The Makers Summit 2021 , Sidharth poruszył problemy, z jakimi borykają się projektanci w rzeczywistych środowiskach pracy, narażając publiczność na 3 kluczowe dla misji aspekty rozwoju produktu i projektowania, tj. Jak mierzyć projekt, jak budowane są produkty i jak systemy projektowe muszą być rozszerzalne.
Symulacja rzeczywistego środowiska pracy
Kolor, typografia, układy, mikrointerakcje, cienie, animacje i komunikacja wizualna to rzeczy, których łatwo nauczyć się w szkole projektowania, powiedział Sidharth podczas porywającej sesji, podczas której publiczność odnotowała jeden z najwyższych poziomów zaangażowania. Tematy te były intensywnie badane i istnieje wiele prac, które są już włączone do programu nauczania. Ale problemy, z jakimi boryka się w branży projektant, mają dość dynamiczny charakter. Nie można oczekiwać jasności już w momencie rozpoczęcia projektu w prawdziwym życiu. Programy uniwersyteckie są dość ustrukturyzowane. Robisz krok 1, potem krok 2 i tak dalej, a na każdym kroku są strażnicy i możesz iść do przodu tylko wtedy, gdy skończysz te kroki w kolejności, dodał Sidharth.
Trudno jest naśladować scenariusze biznesowe w środowisku szkoły projektowania, ponieważ marketing, inżynieria, obsługa klienta, sprzedaż — wszystkie one mają udział w procesie projektowania. Design ma swoje konsekwencje od momentu, w którym klient zaczyna angażować się w produkt, aż do pozyskania użytkownika przez biznes.
„Firma nie jest nieskończonym zasobem. Gdziekolwiek jesteś zatrudniony, mają ograniczony czas, ograniczone pieniądze i ograniczonych inżynierów, dlatego musisz ustalać priorytety i wybierać swoje bitwy, i znowu, czego nie można naśladować na uczelni” – skomentował King Sidharth. Optymalizacja między perspektywami biznesowymi a doświadczeniem użytkownika, opiniami zwrotnymi, reperkusjami decyzji podejmowanych przez inne zespoły jest trudna do naśladowania w środowisku uczelni.
Stwierdził dalej, że konkretne problemy, z którymi można się zmierzyć w środowisku pracy, są trudne do przewidzenia podczas nauki w szkole projektowania. „Och, to jest niesamowicie wyglądający i ekscytujący iw ogóle, ale czy to wpłynie na firmę? Skąd wiemy, że użytkownikowi naprawdę na tym zależy i czy jest to w ogóle wykonalne technicznie? Czy to się skaluje? Co się stanie, jeśli projekt się zepsuje, jeśli ktoś wykona szybką naprawę lub ktoś dokona niezamierzonej zmiany? Jak mierzymy wpływ? Czy musimy poddać go testom ręcznym? ”- pytał król Sidharth.
Naprawdę trudno jest zrozumieć, co sprawdzi się w projektowaniu komercyjnym, ale Sidharth pomógł publiczności, dzieląc proces tworzenia wykonalnych projektów na trzy pytania:
- Jak mierzysz swój projekt?
- Jak projekty budowane są przez zespoły inżynierskie?
- Jak skalować swoje projekty?
Zagłębiamy się w to głębiej z łatwymi do odniesienia przykładami.
PRZESYŁAJ SESJĘ TUTAJ
Projekt pomiarowy
Projektanci dobrze rozumieją metody badawcze, ale jeśli chodzi o dane, większość z nich ma trudności z ich zrozumieniem, zauważył King Sidharth. Ale jak w ogóle wyglądają dane dla projektantów?
Załóżmy, że mamy stronę docelową z opisem Twojej oferty i wezwaniem do zakupu. Zawiera również zastępczy przycisk wezwania do działania o nazwie „Dowiedz się więcej”, ponieważ nie wszyscy na początku klikną przycisk „Kup teraz”. Aby przeanalizować skuteczność projektu w tym przypadku, wykorzystujemy analitykę opartą na zdarzeniach. W tym przypadku ładowanie strony i kliknięcia przycisków będą zdarzeniami, a tekst przycisku, kolor przycisku i atrybuty urządzenia, takie jak typ urządzenia, system operacyjny, przeglądarka, adres IP, lokalizacja itp. są właściwościami.
Aby pomóc nam uchwycić te wydarzenia i właściwości, można użyć profesjonalnych rozwiązań programowych, takich jak Mixpanel i Amplitude, które są również sponsorami szczytu twórców 2021. Mają one pewne domyślne właściwości, takie jak wymienione powyżej atrybuty urządzenia, po wyjęciu z pudełka i można je dostosować właściwości, które pomagają w uzyskaniu odpowiedniej historyjki użytkownika w indywidualnych przypadkach.
Ponadto narzędzia te pomagają nam również zrozumieć szereg kroków, jakie użytkownicy podejmują, aby dotrzeć do pożądanego wezwania do działania. A te poszczególne wydarzenia można również oznaczyć pożądanymi właściwościami i przeanalizować, aby zobaczyć, na jakim etapie użytkownicy rezygnują. Sidharth przedstawił ideę lejków. Lejki zasadniczo mapują użytkowników na każdym kroku, dopóki nie podejmą pożądanego działania.
Następnie możemy wykorzystać te dane do optymalizacji naszej strony docelowej. Różne KPI i optymalizacje dla tego samego również pojawiłyby się tutaj na zdjęciu. Na przykład współczynnik porzuceń w powyższym przykładzie powiedziałby nam, ilu użytkowników, którzy byli celem kampanii marketingowej, kupiło produkt.
Polecany dla Ciebie:
Jak platforma agregacji kont RBI ma przekształcić fintech w Indiach
Przedsiębiorcy nie mogą tworzyć zrównoważonych, skalowalnych start-upów poprzez „Jugaad”: Cit...
Jak Metaverse zmieni indyjski przemysł motoryzacyjny?
Co oznacza przepis anty-profitowy dla indyjskich startupów?
W jaki sposób start-upy Edtech pomagają indyjskim pracownikom podnosić umiejętności i być gotowym na przyszłość...
Akcje New Age Tech w tym tygodniu: Kłopoty Zomato nadal, EaseMyTrip publikuje Stro...
Te metryki pomagają nam dalej badać, czy projekt spełnia produkty i pomagają nam podejmować decyzje, które mogą zwiększyć dostarczanie wartości. Lepiej, żeby projektanci wiedzieli, jak rozumieć i interpretować analitykę, aby odkrywać problemy i weryfikować rozwiązania. Ponieważ dane są niezwykle cenne i bardzo wiele mówią o zachowaniu użytkowników. Pomaga nam zrozumieć związek między różnymi typami danych o wydajności i danymi jakościowymi, aby uchwycić pełną historię użytkowników.
Faktoring w inżynierii dla projektu
„Tak wielu projektantów stworzy niesamowite projekty, tylko na końcu inżynierowie odrzucą to, twierdząc, że to niewykonalne” – zauważył Sidharth. Dlatego niezwykle ważne jest zrozumienie, w jaki sposób budowane są produkty, aby wiele kwestii wykonalności zostało rozwiązanych na wczesnych etapach.
Dając publiczności przegląd tego, co oznaczają frontend i backend, Sidharth wyjaśnił potrzebę zrozumienia różnych ról, jakie odgrywają interesariusze podczas tworzenia produktu.
Mówiąc prościej, frontend to część aplikacji skierowana do użytkownika i użytkownicy mogą z nią wchodzić w interakcje. Backend (lub „po stronie serwera”) to ta część witryny, której nie widać. Odpowiada za przechowywanie i organizowanie danych oraz upewnianie się, że wszystko po stronie klienta faktycznie działa. Backend zajmuje się uwierzytelnianiem użytkowników, płatnościami i automatyzuje logikę biznesową. Witryny z portfolio projektantów są w dużej mierze budowane przy użyciu technologii front-endowych, które nie mają wiele wspólnego z backendem.
Sidharth podał przykład aplikacji Twitter, aby pomóc widzom lepiej zwizualizować te pomysły. Frontend i backend, które są również synonimem strony klienta i strony serwera, stale komunikują się ze sobą za pomocą Internetu. Zrozumienie, że internet może być zawodny i że większość rozwijającego się świata nie ma dostępu do prędkości internetowych, do których jesteśmy przyzwyczajeni, może ogromnie pomóc w projektowaniu doświadczeń dla użytkownika.
Gdy aplikacja Twittera ładuje się po raz pierwszy, można zobaczyć stan szkieletu aplikacji. Zapewnia użytkownika, że aplikacja działa. Ale w przypadku, gdy użytkownik przegląda aplikację po raz drugi, nie zobaczy jej, ponieważ przeglądarka lub urządzenie już buforowałyby niezbędne pliki, aby szybciej załadować aplikację. Pamięć podręczna jest tymczasowym magazynem lokalnym, który przypomina przechowywanie niezbędnych przedmiotów w lokalnym sklepie spożywczym, zamiast zabierania ich bezpośrednio od rolnika . „To oszczędza czas podczas gotowania. Serwery CDN robią dokładnie to samo dla Ciebie. Podczas gdy nadal będziesz musiał gotować, czas potrzebny na uzyskanie składników zostanie zminimalizowany” – dodał Sidharth.
W międzyczasie urządzenie zażądałoby danych Twojego konta z serwerów. Dane te obejmowałyby osoby, które obserwujesz, ich tweety i oś czasu, którą pokaże Ci Twitter. Floty nie byłyby wyświetlane z góry, ponieważ aplikacja nadaje priorytet określonemu zestawowi informacji za pośrednictwem interfejsów API w celu renderowania na czas, za co odpowiada fronton, aby nie denerwować się i nie zamykać aplikacji.
Pomyśl o interfejsach API jak o osobach, które przechowują informacje niezbędne do wykonania ich pracy. Niektórzy udzieliliby ci informacji dość szybko, a niektórzy nie spieszyli się. Aplikacja nie może zablokować jej przejścia, czekając na nadejście danych, a następnie renderując je na ekranie. Dlatego wszystko to dzieje się asynchronicznie. Części aplikacji są renderowane w miarę pojawiania się danych. Dlatego jako projektanci ważne jest, aby zrozumieć to wąskie gardło i brać pod uwagę funkcję czasu podczas projektowania” – dodał Sidharth.
Skutki wolnego ładowania stron są bardzo dobrze udokumentowane. Użytkownicy są bardziej skłonni do porzucenia strony docelowej, jeśli strona nie jest zoptymalizowana pod kątem szybkości. Użytkownicy mogą wykryć opóźnienia rzędu 1/10 sekundy zgodnie z NN Group, która przytacza podstawowe zasady ludzkiego postrzegania czasu. Tak więc efekty wolnego ładowania stron są dość natychmiastowe. Stopniowa poprawa szybkości się opłaca.
Najlepszym sposobem na zrozumienie tych pomysłów może być wykorzystanie swoich supermocy jako projektantów, takich jak empatia. Możesz wdrożyć mentalny model, w którym frontend i backend są ludźmi i rozmawiają ze sobą, aby wykonać zadanie.
PRZESYŁAJ SESJĘ TUTAJ
Skalowalne systemy projektowe
„Musisz zrozumieć, jak działa inżynieria, aby w końcu dotrzeć do systemów” – wyjaśnił Sidharth. Według niego niektóre problemy z wykonalnością projektu można rozwiązać za pomocą hacków, ale zwiększa to prawdopodobieństwo, że te poprawki projektowe z czasem zakończą się fiaskiem. Dlatego Sidharth kładzie nacisk na system projektowania.
„Interfejs użytkownika wygląda na prosty, ponieważ tak nie jest. Projektanci spędzają niezliczone godziny na opracowywaniu interfejsu użytkownika. Aby wyglądało to na łatwe z ukrytymi wszystkimi zawiłościami” – powiedział Sidharth, przedstawiając słuchaczom znaczenie systemów projektowania i to, jak nawet starsi projektanci nie rozumieją, że ich systemy zmierzają ku awarii.
Podał przykład historii na Instagramie, aby lepiej zrozumieć systemy projektowe. Zwykle można powiedzieć, że historie na górze to tylko seria kółek, nie zdając sobie sprawy, jak te kółka, które można przewijać w nieskończoność, przedstawiają różne działania użytkowników i wybory systemowe.
„Łatwo jest robić koła i ustawiać je w równej odległości. Projektowanie z myślą o stanach sprawia, że system jest rozszerzalny”, dodał, opowiadając, jak on i jego zespół w Headout zastanawiali się nad pomysłami dotyczącymi stanów i odmian komponentów interfejsu użytkownika, jeszcze zanim Figma wprowadziła niedawno funkcję do zarządzania nimi i tworzenia.
Teraz możesz dokonać różnych wyborów dotyczących historii jako użytkownik. Możesz stworzyć nowy, oglądać historie innych ludzi lub wskoczyć na Instagram na żywo. Zadbano również o pewną logikę interfejsu użytkownika. Podobnie jak historie, które oglądałeś, można oglądać ponownie, dopóki nie będą dostępne na końcu górnego zwoju. Może toczyć się wiele żyć, które również muszą być reprezentowane.
Wybory dokonywane przez użytkownika w takich przypadkach to stany elementu, takie jak widziane i niewidziane stany historii, a wybory wymuszone przez system są odmianami, takimi jak to, czy ktoś jest na żywo, czy oglądałeś własną historię, czy nie.
Istnieją również aspekty projektowania ruchu, które są włączone do historii, po dotknięciu którejkolwiek z historii, których jeszcze nie oglądałeś, pojawiają się czerwone kropki, które okrążają okrąg podczas ładowania historii. Te interakcje są tak płynne, że prawie ich nie zauważamy.
Instagram ma również swoją filozofię projektowania i przewodniki po stylu. Logika interfejsu użytkownika jest również częścią samego systemu projektowania. Na przykład za każdym razem, gdy użytkownik wpisuje pole wejściowe, w niektórych przypadkach dane wejściowe muszą zostać zweryfikowane. Ciągły strumień komunikatów o błędach podczas pisania przez użytkownika jest zbyt denerwujący. W takim przypadku zespół inżynierów musi być na pokładzie z przepływem logiki interakcji, aby uzyskać właściwe wrażenia użytkownika. Oprócz tego w systemie projektowym należy również uwzględnić lokalizację treści dla nowej grupy demograficznej użytkowników. Uwzględnienie wszystkich wymienionych powyżej pomysłów sprawia, że system projektowania jest naprawdę skalowalny.
Niezależnie od tego, czy chodzi o zadawanie pytań na podstawie danych, które odblokowują spostrzeżenia, które przenoszą produkt na wyższy poziom, czy też mówienie językiem inżynierów w celu optymalizacji projektów pod kątem wydajności, a następnie sprawienia, aby produkt był naprawdę skalowalny, te umiejętności są zdecydowanie niezbędne w pracy projektanta. zestaw narzędzi, który wzniesie ich karierę na nowe wyżyny.