Kategorie
Projektowanie

Przyszłość projektowania produktów cyfrowych

Dla każdego projektanta przejście od sztywnych, desktopowych narzędzi jak Photoshop, Axure, Adobe XD czy Sketch do chmurowych rozwiązań takich jak Figma czy Framer było krokiem milowym.

Dzięki temu przeszliśmy od pracy na statycznych ekranach i e-mailowych ping-pongach, do wspólnej pracy w czasie rzeczywistym z całymi zespołami produktowymi.

Kiedyś

Dzisiaj

Od tego momentu projektanci zaczęli odgrywać znacznie bardziej strategiczną rolę – nie tylko projektując interfejsy, ale aktywnie współtworząc kierunek rozwoju produktu i mając realny wpływ na decyzje biznesowe. Projektowanie przestało być etapem końcowym, a stało się integralną częścią procesów decyzyjnych.

Co sprawiło, że ta zmiana była możliwa? Przede wszystkim nowe narzędzia – to one stworzyły przestrzeń do lepszego zrozumienia i współpracy. Dzięki nim łatwiej było nam pokazać sens naszych działań, wyjaśnić procesy, opowiedzieć o decyzjach i ich konsekwencjach.

Możliwe że dzięki tej większej przejrzystości zbudowaliśmy przestrzeń, w której projektowanie mogło stać się językiem współpracy.

To była ogromna zmiana – nie tylko w sposobie, w jaki tworzymy cyfrowe doświadczenia, ale też w znaczeniu roli projektanta w organizacji.

Przed nami może rysować się kolejny istotny krok naprzód. Tym razem chodzi o znacznie głębszą integrację z technologią – z backendem, z logiką działania systemów. A wszystko dzięki: Node Interface i boomu na automatyzację.

Jutro

Node Interface – co to takiego?

Node Interface to graficzny interfejs, który pozwala użytkownikowi budować logikę działania procesu lub systemu poprzez łączenie węzłów (nodes). Każdy węzeł reprezentuje jakąś funkcję, operację lub przepływ danych. To podejście znane jest projektantom i developerom z narzędzi takich jak Blender Shader Editor, Unreal Engine, Unity czy Cinema 4D – gdzie od lat świetnie sprawdza się w wizualnym tworzeniu skomplikowanych struktur i zależności.

Przykładowy proces z n8n.io

Od dłuższego czasu procesy były wizualizowane z wykorzystaniem BPMN (Business Process Model and Notation), jednak zazwyczaj pełniły funkcję dokumentacyjną, pełną i bardzo skomplikowaną zamiast model wspierający współpracę między interesariuszami.

Dziś nowy, bardziej uproszczony sposób myślenia wkracza w obszar automatyzacji i integracji systemów – za sprawą narzędzi takich jak n8n.io, Zapier, Plumb i wiele innych, które wyrastają jak grzyby po deszczu.

Dlaczego ma to znaczenie dla projektantów?

Do tej pory programiści nie potrzebowali wizualnej reprezentacji kodu – i pewnie nadal jej nie potrzebują 😉. Ale to, co zaczyna się dziać obok tradycyjnego developmentu, może na zawsze zmienić sposób, w jaki budujemy rozwiązania cyfrowe.

Node Interface umożliwia coś niesamowitego: zrozumienie i współtworzenie logiki działania systemu nawet przez osoby nietechniczne. Coś, co wcześniej było ukryte w czeluściach backendu, staje się teraz widoczne, edytowalne i zrozumiałe dla zespołów projektowych.

Zrozumienie logiki działania rozwiązania stanowi przecież fundament projektowania, zwłaszcza w przypadku złożonych systemów.

Nowa jakość współpracy

W obecnym modelu często mamy sytuację, gdzie zespół UX projektuje ekrany, zespół dev implementuje lecz gdy pojawia się potrzeba zmiany logiki działania – np. kolejności kroków w procesie, sposobu walidacji czy reguł automatyzacji – zaczynają się schody, nowe taski, sprinty i frustracje.

Node Interface może to zmienić. Pozwoli całemu zespołowi faktycznie współtworzyć system, a nie tylko jego wizualną fasadę. Może zwiększyć ilość „tanich” pośrednich iteracji, a to szansa na głębsze zrozumienie działania produktu i realny wpływ na to, jak zachowuje się system, nie tylko jak wygląda.

Nadchodzi nowy etap

Jeśli nauczymy się pracować w node interface’ach i będziemy mogli „widzieć cały proces” – od inputu użytkownika po wynik działania systemu – to otwieramy zupełnie nowy rozdział projektowania.

To nie tylko kolejny etap integracji z zespołami technologicznymi. To zmiana paradygmatu: od projektowania ekranów do projektowania zachowania i działania systemu jako całości.

Kategorie
Estetyka

Co by było gdyby

Każda marka miała reprezentację w fantazyjnym, równoległym zwierzęcym świecie coś jak w Mrocznych Materiach z HBO …

Kategorie
Lab

Jak na strusiu

Ten rok był zupełnie inny niż poprzednie.
Dłuższy, bo nie pisałem podsumowania za 2023 🤣 Pojawili się kosmici1, choć nikt się ich nie spodziewał … Pracy więcej niż kiedykolwiek i wiele perturbacji lokalnych i globalnych. Różowo to nie jest.

1 Dlaczego o kosmitach? Podsumowując 1 rok z Allegro, zakończyłem słowami: „W tle wojna, echa pandemii, a jedyną niespodzianką mogliby być kosmici. Na razie stabilnie.”

i co ? ***** kosmici🛸

07.2023 – Przesłuchanie ws. UAP, Kongres USA, Waszyngton D.C.
07.2023 – Wprowadzenie UAP Disclosure Act, Senat USA, Waszyngton D.C.
12.2023 – Przyjęcie ustawy o ujawnieniu UAP, Kongres USA, Waszyngton D.C.
11.2024 – Przesłuchanie „Exposing the Truth”, Izba Reprezentantów, Waszyngton D.C.

Czas płynie szybciej i jest bardziej okrutny.

W Allegro współtworzyłem wizję dostaw przez prawie cały rok, a rozwiązanie będzie można już „niebawem” ocenić samemu. Nauczyłem się po raz kolejny jak współpracować, aby osiągać lepsze rozwiązania szybciej … co jest celem każdej korporacji i moim jako projektanta.

Jeden temat przez cały rok?

Tak, tak można, jeśli temat jest złożony. Chciałbym pokazać jak wyglądał proces, ile diagramów powstało, ile pivotów musieliśmy jako zespół przyjąć i jak poobijani z tego wyszliśmy ale jak wiecie wszystko jest tajne przez poufne.

Mimo wszystko to był dobry rok.

PS. Przy okazji możemy sprawdzić, jak w ciągu roku rozwinął się algorytm generowania sztucznych obrazów – w porównaniu do wieloryba z zeszłego roku.

Kategorie
Projektowanie

Ekspedycje projektowe

Jak stworzyć zespół projektowy, który wyznaczy drogę jakości w Twojej firmie?

Działania na rzecz jakości mogą przebiegać równolegle z innymi projektami. Można je realizować poprzez jeden dedykowany zespół „zespół namiotowy” lub kilka równoległych ścieżek, które łączą się w jedną całość.

Przykładowa karta ekspedycji projektowej

Skąd wzięła się inspiracja? Zespoły projektowe, które zajmują się jakością w wielu firmach, mają wiele analogi do zespołów zdobywających szczyty górskie.

Alpinizm wymaga nie tylko siły fizycznej, ale również umiejętności technicznych, wiedzy o środowisku górskim i zdolności podejmowania szybkich decyzji w trudnych warunkach. Bezpieczeństwo jest priorytetem, a alpiniści często muszą radzić sobie z ekstremalnymi warunkami pogodowymi, lodowymi ścianami, czy nagłymi zmianami sytuacji.

Takiego dramatyzmu w zespołach projektowych na szczęście nie doświadczymy, jednakże konieczne jest przypisanie powagi sytuacjom, aby stworzyć zgrany i wzajemnie wspierający się zespół.

Historia alpinizmu górskiego1 ma swoje korzenie w XIX wieku, gdy zaczęto zdobywać najwyższe szczyty Alp. Później alpiniści poszerzyli swoje horyzonty, podbijając góry na wszystkich kontynentach, w tym mityczne szczyty Himalajów i Karakorum.

Otworzyli wszystkim głowy, że można.

W kontekście projektowym, aby skonsolidować ludzi, niezbędny jest wspólny cel – taki, który jest zarówno szeroki, jak i jasno określony.

Aby ekspedycja mogła się zrealizować trzeba zbudować zespół namiotowy.

Interdyscyplinarny, ale działający w ramach jednego wysokopoziomowego celu. Z pełnym poczuciem odpowiedzialności i bezpieczeństwem we własnym środowisku, a co za tym idzie, możliwością polegania na innych z zespołu.

W zespołach alpinistycznych lider jest nieodłącznym elementem, w projektowych może być obecny, ale nie jest to konieczne. Rozpoczynając projekt interdyscyplinarny, stajemy w obliczu politycznego nacisku różnych grup w organizacji. Tworząc zespół, chcemy uniknąć nadmiernego akcentowania na jedną stronę od samego początku, lider powinien wyłonić się naturalnie w trakcie wyprawy.

Idealnie by było, gdyby zespół nie był większy niż 5-osobowy, ale maksymalny poziom równego zaangażowania w ramach jednego namiotu przyjmuje się 8 osób.

Pogłębiając temat zespołu, możemy określić atrybuty tak jak w zespole alpinistycznym. Możemy użyć np. metody FRIS2 albo Gallupa, aby odkryć indywidualne cechy członków zespołu i jeszcze lepiej zrozumieć z kim będziemy współpracować w projekcie, tworząc różnorodną społeczność.

2 FRIS to prosta metoda odkrywania stylów myślenia i podejmowania decyzji w Twoim zespole

Zamiast dzielić ludzi na lepiej lub gorzej funkcjonujących, podkreślamy unikalność każdego sposobu myślenia.

Jeśli mamy już zespół możemy rozpocząć budowę jednego obrazu As-Is dla wszystkich perspektyw w zespole tak, aby wreszcie zespoły silosowe zaczęły widzieć jeden obraz zagadnienia / problemów.

3 Mapowanie wrażeń James Kalbach

Kategorie
Projektowanie

Poruszenie wieloryba

Czyli jak wpływać na duże organizacje
będąc planktonem?

Każda duża organizacja posiada tak wiele projektów i tak wiele celów do osiągnięcia, że czasem oddolne inicjatywy, które najlepiej wskazują kierunki, nie zostają zauważone.

Pracujemy często, przerzucając jedną kupkę piachu na drugą, albo – co gorsza – kopiemy w głąb bez celu w kierunku Chin1 do momentu, aż sytuacja staje się nie do wytrzymania i wymaga gruntownej przebudowy założeń.

1 Moja babcia tak mówiła, a teraz zerkam i do Chin bym się nie dokopał … sprawdźcie

Mapa antypodów

Jeśli jesteśmy zaangażowani, posiadamy dużo determinacji i wiemy co może uleczyć sytuację, to jesteśmy w stanie spowodować zmianę. Możemy mieć wpływ na biznes.

Wieloryba nie poruszy jednostka, wieloryba może poruszyć ławica, a w organizacjach, aby oddolna inicjatywa przebiła się do szerokiego grona, potrzebuje zespołu, który pociągnie za sobą wielu ludzi i będzie w ramach swoich obszarów pociągał kolejnych do momentu, aż wpłynie na poruszenie wieloryba.

Ale jak zbudować jakość?
Jak być pewnym wytyczonych kierunków?

Wszystko zaczyna się od momentu, w którym widzimy, że siedzimy w silosie i aby z niego wyjść trzeba zacząć rozmawiać z innymi działami i zaprosić ich do wspólnej eksploracji sytuacji zastanej (As-Is).

W takich momentach pomagają interdyscyplinarne ekspedycje projektowe. Powiecie: ale to nic innego jak zespół projektowy! I tu przychodzi mała, aczkolwiek kluczowa różnica.

Nie potrzebujemy standardowego zespołu, jakich wiele w naszych organizacjach. Jeśli chcemy wykonać przeskok jakościowy, potrzebujemy naznaczyć zespół wagą sprawy. Zapewnić mu bezpieczeństwo i czas. Określić drugi tor dla wyprawy.

Kategorie
Projektowanie

Pozornie nuda

Rok w Allegro był niezwykle intensywny, do tego stopnia, że pomimo mojej wielkiej pasji do tworzenia marek, nie udało mi się stworzyć żadnej w tym czasie.

Oczywiście mógłbym mieć poczucie rozczarowania, ale przyznam, że projektowo to był świetny rok, mimo że graficznie mało projektowałem.

A co robiłem? Współtworzyłem i nadal tworzę wizję dla Customer Back Office System, czyli przestrzeni, w której rozwiązywane są wszystkie sprawy klienta w Allegro – na zapleczu.

Naszymi celami nie jest ilość sprzedanych produktów ani ilość klientów, a jakość rozwiązywania problemów pracowników i klientów. To pozwala poczuć misję UX w całym znaczeniu tego słowa.

Skala Allegro początkowo wgniata w ziemię (ponad 120 narzędzi administratorskich), lecz po 6-miesięcznej analizie osiągnęliśmy wizję, która pomoże wznieść Allegro na jeszcze wyższy poziom. Teraz pozostaje tylko ruszyć wieloryba 🙂

Na cały proces tworzenia wizji CBS składa się wiele warstw od stworzenia interdyscyplinarnego zespołu namiotowego, tworzenie zasad dla Design Systemu po komunikację w organizacji o nowym rozwiązaniu.

Byłem też szczęśliwcem, który miał możliwość stworzyć logikę, UI i user flow dla intranetu Allegro | Home oraz logikę i user flow dla portalu Allegro | Jobs z ogłoszeniami, który właśnie na dniach miał premierę.

W tle wojna, resztki pandemii, tylko kosmici mogliby nas zaskoczyć. Chwilowo stabilnie.

Kategorie
Lab

Sztuczne, a jak prawdziwe

Minęły dwa miesiące od ekscytacji świata ChatGP3, a już mamy ChatGP4, no i MidJurney w wersji 5.1, które pokazuje, że generowanie obrazów przez sztuczną inteligencję jest już na zaawansowanym poziomie.

Poniżej mała próbka. Co by było, gdyby Audi wypuściło wersję All Road w 1970 roku albo grafikę do kampanii reklamowej WWF, lub abstrakcyjną ilustrację czarnej dziury w stylu muminków.

Wszystkie te obrazy są kompilacją milionów innych, lecz stanowią jakąś jednostkowość, czyje są prawa autorskie? Moje czy AI? Czy czuję się przez to lepszym grafikiem / projektantem? Jak pomoże mi AI w przyszłości… oj myślę, że wszyscy się nad tym obecnie zastanawiamy.

Kategorie
Estetyka

2021

Kategorie
Projektowanie

Komponent finansowy

Miałem możliwość realizować bardzo ciekawy projekt nietypowego komponentu w standardowym procesie zakupowym
wraz z zespołem z global4net.

Przejście z koszyka do płatności (Krok 1) oraz z płatności (Krok 2) do podsumowania (Krok 3) to typowy proces e-commercowy, który w przypadku systemu MyBenefit (dla którego był projektowany) potrzebuje dodatkowych elementów takich jak źródła finansowania (nietypowe, bo banki punktów) oraz musi uwzględniać różne typy produktów: produkty jednorazowe, turystykę i produkty abonamentowe.

1 Banki punktów to miejsca, w które firmy przelewają środki dla pracowników. Pracownicy mogą z punktów kupować różne usługi / kody wartościowe / abonamenty np. medyczne, ubezpieczeniowe itp.

Komponent, o którym mowa zaznaczyłem zakreśleniem.

Krok I – Koszyk
Krok II – Płatność

Krok III – Podsumowanie

Jeśli się przyjrzeć z bliska, posiada bardzo dużo informacji wymaganych przez dział prawny, ale dostosowany jest tak aby zminimalizować poczucie przytłoczenia, poprzez wydzielenie przestrzeni zgodnie z zasadami Gestalten.

Proces zakupowy dla produktów jednorazowych

Proces zakupowy dla turystyki

Komplikacja pojawia się wtedy, gdy chcemy każdy proces zakupowy obsłużyć w podobnej ścieżce, a posiadamy różne segmenty produktów, w tym przypadku turystykę.

Proces zakupowy dla abonamentów

Pewnie w kolejnych iteracjach będzie można zrobić to lepiej, ale jak na pierwszy cykl, uchwycone zostały wszystkie wymagania biznesowe, prawne i uspójnienie estetyczne tak trudne dla wielu segmentów produktowych.

Kategorie
Projektowanie

Pełne wykorzystanie Breadcrumbs

Ścieżka powrotu wykorzystywana w szczególności w e-commerce stała się dla mnie inspiracją do stworzenia menu kontekstowego, wraz z dynamiczną rolą powrotu. Temat z 2017 ale cały czas aktualny.

Typowa ścieżka powrotu (breadcrumbs):

Głównym założeniem menu była możliwość wchodzenia w głąb oraz prosty sposób powrotu w zależności od zagłębienia.

Tak powstało menu z podziałem na 3 konteksty:

Element klikalny to ikona oraz napis. Ikona resetuje wartości wybrane lub prowadzi do danego kontekstu. Napis otwiera menu kategorii.

Samo działanie możemy zobaczyć na filmie poniżej we wdrożonym projekcie EduFox dla systemu zarządzania przedszkolami.

Pierwszy sposób użycia odnosi się do przejścia po każdej kategorii, aż wybierzemy docelowy oraz szybki powrót poprzez wybranie ikony.

Drugi sposób przedstawia ominięcie jednej z kategorii i przejście do konkretnego wybranego.

W zależności od wybranego kontekstu, dodawanie nowego elementu powoduje automatyczne wrzucenie go do danej kategorii. Przyśpieszamy dzięki temu proces wyboru, pozostawiamy dobre praktyki z możliwością pozostawienia ścieżki powrotu oraz wprowadzamy kontekstową budowę elementów.

Komponent ten został sprawdzony na bardzo wymagającej grupie docelowej, w której sprawdził się doskonale.