Filozofia projektowania: Susan Kare — znaczące, zapamiętywalne, czytelne

Zasada

„Meaningful, Memorable, Clear.” — Susan Kare, o trzech przymiotnikach definiujących dobre projektowanie¹

Kare zaprojektowała oryginalne ikony Macintosha — Happy Mac, bombę, kosz na śmieci, pędzel, klawisz Command — w siatce 32×32 piksele, używając szkicownika z papierem milimetrowym za 2,50 dolara. Każda ikona musiała komunikować swoją funkcję osobie, która nigdy wcześniej nie korzystała z komputera. Ograniczenie było bezwzględne: 1024 czarne lub białe kwadraty, by przekazać koncepcję zrozumiałą bez instrukcji. Potraktowała to ograniczenie nie jako przeszkodę, lecz jako sam problem do rozwiązania — i rozwiązała go, czerpiąc z najstarszych dostępnych tradycji wizualnych: haftu, mozaiki, symboli ludowych i znaków drogowych.

Jej ikony nadały Macintoshowi osobowość. Przed Kare komputery komunikowały się za pośrednictwem wiersza poleceń. Po Kare — za pośrednictwem metafor, na które można było wskazać. Kosz na śmieci oznaczał usuwanie. Dokument z zagiętym rogiem oznaczał plik. Uśmiechnięty komputer oznaczał, że wszystko działa prawidłowo. Te metafory tak głęboko wrosły w informatykę, że nie zauważamy już, iż zostały zaprojektowane. Ta niewidoczność jest najwyższym komplementem, jaki praca może otrzymać.

Kontekst

W 1982 roku Susan Kare była rzeźbiarką mieszkającą w rejonie Zatoki San Francisco. Miała doktorat ze sztuk pięknych na NYU, gdzie jej rozprawa doktorska dotyczyła karykatury w rzeźbach Honoré Daumiera i Claesa Oldenburga. Pracowała jako kuratorka w Fine Arts Museums of San Francisco. Spawała właśnie naturalnej wielkości rzeźbę dzika dla muzeum w Arkansas, gdy zadzwonił telefon.²

Andy Hertzfeld, przyjaciel z liceum i inżynier oprogramowania w zespole Macintosha, zaproponował jej komputer Apple II w zamian za ręczne narysowanie „kilku ikon i elementów czcionek”. Kare nie miała żadnego doświadczenia w grafice komputerowej. Nie wiedziała, jak projektuje się krój pisma. Poszła do biblioteki publicznej w Palo Alto, wypożyczyła książki o typografii, kupiła najdrobniejszy papier milimetrowy, jaki znalazła w sklepie University Art za 2,50 dolara, i pojawiła się na rozmowie kwalifikacyjnej, która trwała pięć minut. „Kiedy możesz zacząć?” Została pracownikiem nr 2 grupy oprogramowania Macintosha, z tytułem „Macintosh Artist”.²

Moment miał znaczenie. Apple budował pierwszy masowy komputer z graficznym interfejsem użytkownika. Lisa ustanowiła koncepcję, ale Macintosh miał być przystępny cenowo i przyjazny. Każdy element ekranu — ikony, czcionki, kursory, okna dialogowe — musiał komunikować się z ludźmi, którzy nigdy nie dotknęli komputera i mogli się go bać. Kare powiedziała później: „Miałam nadzieję pomóc przełamać stereotypowy wizerunek komputerów jako zimnych i onieśmielających.”³

Nie miała wykształcenia w projektowaniu cyfrowym, ponieważ dziedzina ta jeszcze nie istniała. Miała za to wykształcenie artystyczne, rzeźbiarskie rozumienie formy w ramach ograniczeń oraz instynkt do metafory wizualnej czerpiący ze sztuki ludowej, haftu i systemów symboli. „Grafika bitmapowa jest jak mozaika, haft i inne pseudo-cyfrowe formy sztuki, które praktykowałam, zanim trafiłam do Apple” — powiedziała.³ Siatka pikseli nie była obca komuś, kto spędził lata na wypełnianiu kratek na papierze milimetrowym i liczeniu ściegów w robótkach ręcznych.

Twórczość

Ikony Macintosha (1983–1984): nadawanie maszynom ludzkiego oblicza

Hertzfeld powiedział Kare, żeby kupiła papier milimetrowy i rysowała siatki 32×32. Każdy wypełniony kwadrat miał odpowiadać jednemu pikselowi. Rysowała ikony ołówkiem i kolorowym długopisem, testując metafory na papierze, zanim przeniosła je na ekran. Gdy Hertzfeld napisał edytor ikon umożliwiający przełączanie bitów myszą, szkicownik stał się narzędziem projektowym, a edytor — narzędziem produkcyjnym. Jej oryginalny szkicownik znajduje się obecnie w stałej kolekcji MoMA, nabytej wspólnie z SFMOMA w 2015 roku.⁴

Happy Mac — uśmiechnięta twarz komputera witająca użytkowników przy uruchomieniu — została zaprojektowana, by niwelować strach. Ikona bomby — pojawiająca się przy błędach systemowych — miała być „zabawna, a nie alarmująca”. Wiadro z farbą było testowane jako wałek malarski i kilka innych wariantów, zanim Kare zdecydowała się na polewającą farbą puszkę, bo „najbardziej przemawiała do ludzi”. Kosz na śmieci przejął koncepcję z Lisy, ale został przerysowany pod inne wymiary pikselowe Macintosha.²

Każda ikona przechodziła przez określony proces projektowy: Kare tworzyła kilka wariantów, a następnie pokazywała je ludziom i obserwowała ich reakcje. „Starałam się przygotować wybór i poznać opinie ludzi” — zamiast deklarować ostateczny projekt. Celowo unikała tekstu i kalamburów: „Starałam się nie używać słów i nie używać kalamburów, bo nie dają się przetłumaczyć.” Ta decyzja — wyłącznie metafory wizualne, bez zależności od języka angielskiego — oznaczała, że ikony działały we wszystkich językach od samego początku.²

Klawisz Command ma najprecyzyjniej udokumentowaną historię powstania. Steve Jobs wszedł do działu oprogramowania i oświadczył: „Na ekranie jest za dużo jabłek! To absurd!” Zespół używał logo Apple jako symbolu klawisza modyfikującego, a Jobs chciał go zmienić. Sprzęt klawiaturowy był już finalizowany — mieli dni, nie tygodnie. Kare znalazła symbol pętli kwadratowej (węzeł Bowena, używany na szwedzkich mapach kempingowych do oznaczania „miejsca godnego uwagi”) w słowniku symboli międzynarodowych i stworzyła bitmapę 16×16 pikseli. Zespół ją zatwierdził. Symbol ten pojawia się na każdej klawiaturze Mac od 1984 roku.⁵

Krój pisma Chicago (1984): ograniczenie jako medium

Macintosh potrzebował czcionki systemowej. Kare zaprojektowała Chicago w siatce 9×7 pikseli na znak, ograniczając się wyłącznie do kresek poziomych, pionowych i pod kątem 45 stopni. Żadnych krzywych. To ograniczenie nie wynikało z estetyki — krzywe w rozdzielczości bitmapowej tworzą poszarpane krawędzie (tzw. „jaggies”), które utrudniają czytanie. Ograniczając się do linii prostych i przekątnych pod kątem 45 stopni, Kare stworzyła czcionkę ostrą i czytelną na ekranie Maca o rozdzielczości 72 dpi.²

Czcionka pierwotnie nosiła roboczą nazwę „Elefont”. Jobs ją przemianował. Oryginalne czcionki Macintosha nosiły nazwy przystanków podmiejskiej kolei Philadelphia Main Line, ale Jobs zdecydował, że powinny to być „miasta światowej klasy” — Chicago, Geneva, London, Toronto, Venice, New York. Chicago pozostało czcionką systemową Apple od 1984 roku przez całą erę klasycznego Mac OS, zostało wskrzeszone dla interfejsu iPoda (2001–2004) i było używane przez ponad dwadzieścia lat.²

Chicago było pierwszą proporcjonalną czcionką systemową na masowym komputerze osobistym — odejściem od czcionek o stałej szerokości znaku, z jakimi większość użytkowników miała do czynienia. Każda litera zajmowała dokładnie tyle miejsca, ile wymagała jej forma. Ta pojedyncza decyzja sprawiła, że ekran Macintosha wyglądał mniej jak terminal, a bardziej jak wydrukowana strona.

Karty do pasjansa w Windows 3.0 (1990): czytelność niezależna od platformy

Po odejściu z Apple, a następnie z NeXT, Kare otworzyła własne studio. Microsoft zatrudnił ją do zaprojektowania grafik kart do gry Solitaire w Windows 3.0 — gry stworzonej specjalnie po to, by nauczyć użytkowników obsługi myszy: przeciągania, upuszczania, klikania. Kare zaprojektowała karty w Microsoft Paint, korzystając z 16-kolorowej palety VGA.⁶

„Twarze kart wymagały jedynie czarnego, czerwonego i żółtego” — powiedziała. „Inspirowałam się klasycznymi taliami kart, a największą frajdę sprawiało mi przenoszenie skomplikowanych wzorów Waletów, Dam i Króli na siatkę o rozdzielczości 72 punktów na cal.” Te same projekty kart były używane przez Microsoft od 1990 do 2007 roku — siedemnaście lat nieprzerwanego użytkowania na miliardach instalacji Windows. Ta praca dowiodła, że jej podejście oparte na ograniczeniach nie jest specyficzne dla jednej platformy. Metoda — zrozum metaforę, oczyść ją do esencji, przetestuj z prawdziwymi ludźmi — sprawdziła się zarówno na Macu, jak i na Windows, i na każdym innym medium z siatką pikselową.⁶

Metoda

Proces Kare był spójny przez cztery dekady: zrozum ograniczenie, znajdź właściwą metaforę, zredukuj ją do minimalnej liczby pikseli przekazujących koncepcję i przetestuj na ludziach, którzy nie są projektantami.

Jej główną książką referencyjną był Symbol Sourcebook Henry’ego Dreyfussa (1972) — kompendium międzynarodowych symboli uporządkowanych według kategorii. Szczególnie zafascynowała ją sekcja poświęcona znakom włóczęgów — symbolom, którymi hobo komunikowali się podczas podróży. „Starałam się nie używać angielskiego i nie używać kalamburów” — powiedziała — „bo nie dają się przetłumaczyć.”²

Swoją filozofię projektowania ikon opisywała jako tworzenie „bardziej jak znaki drogowe niż ilustracje — łatwo zrozumiałe i wolne od zbędnych detali”. Znak stopu nie wymaga przeprojektowania co dwa lata. Dobrze zaprojektowana ikona też nie. „Nikt chyba nie musi przeprojektowywać znaku stopu co dwa lata” — zauważyła w wywiadzie podcastowym.⁷

Płótno 32×32 piksele — które uważała za „hojne jak na ikony” — wymagało tego, co nazwała „szczególnym rodzajem minimalistycznego pointylizmu”. Uwielbiała „zagadkowy charakter pracy w siatkach ikon szesnaście na szesnaście i trzydzieści dwa na trzydzieści dwa piksele oraz połączenie rzemiosła z metaforą.”⁸

Na pytanie, czy ograniczenia hamują kreatywność, odpowiedziała wprost: „Ograniczenia techniczne (takie jak praca w czerni i bieli lub ograniczona powierzchnia ekranu) niekoniecznie hamują kreatywność. Wystarczy zrozumieć, co jest możliwe, i pracować od tego punktu.”⁹

Łańcuch wpływów

Kto ją ukształtował

Paul Rand był jej deklarowanym „bohaterem projektowania”. Przyjęła jego maksymę: „Nie staraj się być oryginalny, po prostu staraj się być dobry.” W NeXT przedstawiła Steve’a Jobsa Randowi i zleciła mu zaprojektowanie logo NeXT — łącząc dwie najważniejsze postacie w swoim życiu zawodowym. (Wpływ bezpośredni)¹

Henry Dreyfuss ukształtował jej metodę. Jego Symbol Sourcebook (1972) był głównym źródłem referencyjnym do projektowania ikon. Taksonomia uniwersalnych symboli zawarta w książce — znaki drogowe, symbole hobo, notacja naukowa — dała jej słownik komunikacji bez użycia języka. (Wpływ bezpośredni)²

Sztuka ludowa, haft i mozaiki dały jej formalny język pracy z bitmapami. Dostrzegła, że wypełnianie pikseli jest strukturalnie identyczne z liczeniem ściegów w hafcie czy układaniem płytek w mozaice: „Gdy studiuje się historię sztuki, dowiadujemy się, że nie ma nic nowego pod słońcem — widzieliście kiedyś XVIII-wieczny haft?”⁷

Kogo ukształtowała

Każdy graficzny interfejs użytkownika od 1984 roku. Ikony Kare dla Macintosha ustanowiły metafory wizualne, które stały się uniwersalne: dokument z zagiętym rogiem, kosz na śmieci, kursor dłoni, lupa symbolizująca wyszukiwanie. Nie były one nieuniknione. Ktoś musiał zdecydować, że „usuwanie” wygląda jak kosz na śmieci, a „plik” jak złożona kartka. Kare podjęła te decyzje i każdy system operacyjny od tamtej pory podążył za nimi.

Projektanci emoji. Krój pisma Cairo autorstwa Kare (1984) był proto-emoji — czcionką zawierającą palmy, półksiężyce, deskorolki i inne znaki piktograficzne.² Stanowi konceptualny prekursor zestawu emoji Shigetaki Kurity z 1999 roku, stworzonego dla platformy i-mode NTT DoCoMo. Cairo wykorzystywało sloty czcionki do kodowania znaczeń piktograficznych zamiast znaków alfabetycznych — piętnaście lat przed tym, jak emoji stały się globalnym systemem komunikacji.

Linia przewodnia

Kare udowodniła, że ograniczenia nie hamują kreatywności — skupiają ją. Siatka 32×32 piksele z wyłącznie czernią i bielą to nie więzienie. To brief projektowy. Ograniczenie zmusza każdy piksel do uzasadnienia swojego istnienia, co jest dokładnie dziesiątą zasadą Dietera Ramsa zastosowaną w innym medium. (Pomost w serii)

Co z tego wynoszę

„Dajcie mi 16×16 pikseli i koncepcję, a poczuję się nieustraszona.” Oto właściwa postawa. Ograniczenie jest narzędziem, nie przeszkodą.

FAQ

Jaka jest filozofia projektowania Susan Kare?

Filozofia Kare opiera się na trzech słowach: meaningful, memorable, clear — znaczące, zapamiętywalne, czytelne. Podchodzi do projektowania ikon jako wizualnego rozwiązywania problemów w ramach ograniczeń, czerpiąc ze sztuki ludowej, haftu i międzynarodowych systemów symboli, a nie z ilustracji. Jej ikony funkcjonują „bardziej jak znaki drogowe niż ilustracje — łatwo zrozumiałe i wolne od zbędnych detali.”⁷

Co zaprojektowała Susan Kare?

Kare zaprojektowała oryginalne ikony Macintosha (Happy Mac, klawisz Command, kosz na śmieci, bombę, wiadro z farbą), krój pisma Chicago, proto-emoji Cairo oraz grafikę systemową Macintosha z 1984 roku. Później zaprojektowała twarze kart do pasjansa Solitaire w Windows 3.0 (używane w latach 1990–2007), wirtualne prezenty dla Facebooka, a także współpracowała z Pinterest i Niantic Labs.²⁶

Jak Susan Kare wpłynęła na współczesne projektowanie?

Kare ustanowiła metafory wizualne definiujące graficzną informatykę: kosz na śmieci dla usuwania, ikona dokumentu z zagiętym rogiem, kursor dłoni oraz koncepcja, że oprogramowanie powinno komunikować się za pomocą rozpoznawalnych symboli, a nie poleceń tekstowych. Jej krój pisma Cairo (1984) był czcionką piktograficzną, która wyprzedziła zestaw emoji Shigetaki Kurity o piętnaście lat.²

Czego projektanci mogą się nauczyć od Susan Kare?

Ograniczenia skupiają kreatywność, zamiast ją hamować. Siatka 32×32 piksele zmusza każdy piksel do uzasadnienia swojego istnienia. Warto testować projekty z prawdziwymi ludźmi, nie z innymi projektantami. Należy unikać tekstu i kalamburów, bo nie dają się przetłumaczyć. Lepiej czerpać z istniejących systemów symboli (znaki drogowe, sztuka ludowa, piktogramy międzynarodowe) niż wymyślać nowe języki wizualne od zera.

Źródła