Przewodnik Shishira po definiowaniu problemów na tablicy
Shishir Mehrotra
Obecnie banalne, ale dobrze znane wyrażenie: Obraz jest wart tysiąca słów
Każdy, kto pracował ze mną blisko, szybko zauważy moją głęboką miłość do tablic. Kocham otwartą pustą przestrzeń i elastyczność w rysowaniu i przerabianiu, w tworzeniu ram i ich modyfikowaniu.
Gdy Matt (szef ds. rozwoju) i ja zaczynaliśmy budować Codę, spędziliśmy niezliczoną ilość godzin na tablicach, a stopniowo rozwijaliśmy nasze techniki i je formalizowaliśmy. Przy okazji opracowaliśmy skrócony zapis, który ułatwiał tworzenie odpowiednich ramek i pozwalał innym szybko je przyswajać.
Obserwacja: Używanie kolorów jako skrótu
Początkowo stało się to przypadkiem. Mieliśmy małe pudełko z markerami do tablicy, z ustalonym zestawem kolorów, i zaczęliśmy je zmieniać. Szybko odkryliśmy, że jeśli z góry zgodzimy się, co oznacza każdy kolor, współpraca była znacznie łatwiejsza. W rzeczywistości często zaczynaliśmy od tego, że jedno z nas definiowało problem, a potem zamienialiśmy się miejscami, by druga osoba mogła go dokończyć.
Przez lata te przypisania kolorów pozostały z nami. Oto kolory, na które się zdecydowaliśmy:
Pytania (Czarne): Ustawianie przestrzeni. Definiowanie dużych pytań. Z tych jedno lub dwa będą kluczowymi pytaniami.
Opcje (Niebieskie): Służy do pomocy w myśleniu szeroko — definiowaniu możliwych odpowiedzi lub opcji.
Namacalne przykłady (Szare lub Brązowe): Służy do uczynienia opcji konkretną. Co jest na wizualizacji?
Objaśnienia (Fioletowe): Podkreślenie ważnej koncepcji w konkretnym przykładzie, który demonstruje niebieską opcję. Często używane dla podkreślenia lub przyciągnięcia uwagi.
Wybór (Pomarańczowy): Wskazuje na decyzję lub przestrzeń, gdzie skłaniamy się ku jednej z opcji.
Problem (Czerwony): To może mieć potencjalnie problemy lub być naprawdę trudne. Ostrożność.
Korzyść (Zielony): To wygląda naprawdę dobrze — wskazuje na potencjalną wielkość.
To wszystko, prosty system, ale bardzo przydatny skrót. Na przykład, moglibyśmy spojrzeć na diagram i powiedzieć rzeczy takie jak:
"Wygląda na to, że nadal kadratujesz, wszystko jeszcze jest na niebiesko"
"Gotowy na kompromisy? "Pozwól mi chwycić zielony/czerwony"
"Czas na decyzję? "Oto pomarańczowy długopis"
„Być może to nie są właściwe pytania?” Wróćmy do czarnego długopisu
Przykład (i szablon)
Chociaż uwielbiam fizyczne tablice, z biegiem lat, gdy nasz zespół stał się bardziej rozproszony, coraz częściej wybierałem cyfrową alternatywę. Moją ulubioną cyfrową tablicą jest Miro (więcej na ten temat w osobnym poście).
Oto przykład działania tej techniki kolorowania w praktyce! Jeśli chcesz zgłębić temat, zapoznaj się z tym dokumentem, Eigenquestions: Sztuka formułowania problemów.
Shishir Mehrotra
Współzałożyciel i CEO @ Coda
Długoterminowa produktywność sprawia, że w końcu mam szansę zbudować mój wymarzony komputer. Wcześniej tworzył produkty w YouTube, Microsoft i Centrata. Absolwent MIT. Mieszkam w Bay Area i jestem żonaty z ukochaną ze studiów, mam 2 wspaniałe córki.
Kategorie
Podobne szablony
Szablon szkieletu strony internetowej
Szablon szkieletu strony internetowej
Wireframing to metoda projektowania witryny na poziomie strukturalnym. Wireframe to stylizowany szkielet witryny prezentujący elementy interfejsu na każdej stronie. Korzystaj z tego szablonu, aby prowadzić iteracje witryny szybko i tanio. Możesz udostępnić wireframe klientom lub współpracownikom oraz współpracować z stakeholderami. Szkielety pozwalają zespołom uzyskać poparcie stakeholderów bez inwestowania zbyt dużej ilości czasu lub zasobów. Pomagają zapewnić, że struktura i przepływ witryny spełniają potrzeby i oczekiwania użytkowników.
Szablon szkiców online

Szablon szkiców online
Zanim w pełni zaangażujesz się w obiecujący pomysł, przyjrzyj się mu z perspektywy ogólnej — aby wiedzieć, jak działa i jak dobrze spełnia twoje cele. Właśnie dlatego warto robić szkice. Ten szablon daje Ci potężne narzędzie do zdalnej współpracy we wczesnych etapach prototypowania, niezależnie od tego, czy szkicujesz strony internetowe i aplikacje mobilne, projektujesz logotypy, czy planujesz wydarzenia. Następnie możesz łatwo udostępnić swój szkic zespołowi i zapisać każdą fazę swojego projektu przed jego zmianą i rozwinięciem.
Szablon szkieletu aplikacji
Szablon szkieletu aplikacji
Chcesz zacząć budować aplikację? Nie musisz wyobrażać sobie, jak będzie ona funkcjonować i jak użytkownicy będą z nią wchodzić w interakcje – wykorzystaj do tego szkielet wireframe. Tworzenie szkieletów to technika projektowania podstawowego układu poszczególnych ekranów. Tworząc wireframe na wczesnym etapie procesu lepiej zaprojektujesz funkcję każdego ekranu i zdobędziesz poparcie stakeholderów – a wszystko to jeszcze przed dodaniem elementów wizualnych i treści, co pozwoli Ci zaoszczędzić czas i pieniądze. A projektując z perspektywy podróży użytkownika, zbudujesz bardziej atrakcyjne i udane doświadczenia.
Szablon szkieletu strony internetowej
Szablon szkieletu strony internetowej
Wireframing to metoda projektowania witryny na poziomie strukturalnym. Wireframe to stylizowany szkielet witryny prezentujący elementy interfejsu na każdej stronie. Korzystaj z tego szablonu, aby prowadzić iteracje witryny szybko i tanio. Możesz udostępnić wireframe klientom lub współpracownikom oraz współpracować z stakeholderami. Szkielety pozwalają zespołom uzyskać poparcie stakeholderów bez inwestowania zbyt dużej ilości czasu lub zasobów. Pomagają zapewnić, że struktura i przepływ witryny spełniają potrzeby i oczekiwania użytkowników.
Szablon szkiców online

Szablon szkiców online
Zanim w pełni zaangażujesz się w obiecujący pomysł, przyjrzyj się mu z perspektywy ogólnej — aby wiedzieć, jak działa i jak dobrze spełnia twoje cele. Właśnie dlatego warto robić szkice. Ten szablon daje Ci potężne narzędzie do zdalnej współpracy we wczesnych etapach prototypowania, niezależnie od tego, czy szkicujesz strony internetowe i aplikacje mobilne, projektujesz logotypy, czy planujesz wydarzenia. Następnie możesz łatwo udostępnić swój szkic zespołowi i zapisać każdą fazę swojego projektu przed jego zmianą i rozwinięciem.
Szablon szkieletu aplikacji
Szablon szkieletu aplikacji
Chcesz zacząć budować aplikację? Nie musisz wyobrażać sobie, jak będzie ona funkcjonować i jak użytkownicy będą z nią wchodzić w interakcje – wykorzystaj do tego szkielet wireframe. Tworzenie szkieletów to technika projektowania podstawowego układu poszczególnych ekranów. Tworząc wireframe na wczesnym etapie procesu lepiej zaprojektujesz funkcję każdego ekranu i zdobędziesz poparcie stakeholderów – a wszystko to jeszcze przed dodaniem elementów wizualnych i treści, co pozwoli Ci zaoszczędzić czas i pieniądze. A projektując z perspektywy podróży użytkownika, zbudujesz bardziej atrakcyjne i udane doświadczenia.