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
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
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
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
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
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
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.