Projektowanie dla ponad dwudziestu milionów użytkowników: WordPress 3.0
WordPress 3.0 jest bez wątpienia jedną z najbardziej ekscytujących aktualizacji platformy w bardzo długim czasie.
Oprócz rzeczy, które zauważą wszyscy użytkownicy, takich jak niestandardowe menu, niestandardowe tła i nowy domyślny motyw, istnieją również masowe dodatki do bazy kodu, takie jak możliwość uruchamiania wielu witryn z pojedynczej instalacji i niestandardowych typów wpisów.
Te rzeczy sprawiają, że WordPress przyspiesza jako niezwykle potężny CMS, a także platforma wydawnicza.
Od stycznia tego roku angażuję się w rdzenną społeczność WordPress, aby wesprzeć jej ciągły rozwój. Dziś chciałbym powiedzieć trochę o tym, jak to działa.
Zaangażowanie w społeczności
WordPress zawsze miał silną społeczność programistyczną i rzeczywiście programiści mieli regularne spotkania i zasoby, aby organizować się przez lata.
Problem polega na tym, że nie jestem programistą. Mogę zrobić trochę PHP tu i tam i jestem całkiem przydatny, jeśli chodzi o tworzenie WordPressa, ale to na pewno nie jest to, w czym się specjalizuję. Na szczęście niedawno uruchomiono grupę roboczą OpenSource dla interfejsu użytkownika WordPress (User Interface), która jest na czele z Jane Wells: szefem wszystkich rzeczy UX (User Experience).
Natychmiast po zaangażowaniu się w grupę UI zdałem sobie sprawę, że standard mojej pracy będzie musiał być dość wysoki. Historia osób zaangażowanych w WordPress UI to w zasadzie to, kto jest kim z największych projektantów na świecie, od Jason Santa Maria do HappyCog Studios (Zeldman).
Projektowanie dla ponad dwudziestu milionów użytkowników
Pierwszym projektem, który rozwiązałem dla grupy UI, było odświeżenie nagłówka i stopki systemu administracyjnego WordPress; zniechęcający co najmniej. Jest to zmiana w WordPress 3.0, która (niestety) nie jest często wymieniana, ale jest najważniejszą rzeczą, którą większość użytkowników zauważy po aktualizacji.
Założyciel WordPress, Matt Mullenweg , wspomniane w jego przemówieniu na doroczna konferencja WordPress w San Francisco Niedawno szacuje się, że 8,5% wszystkich witryn w Internecie działa na WordPress. Łącznie w Internecie jest około 246 milionów witryn internetowych (grudzień 2009 r.), Ponad 20 milionów osób (i więcej, jeśli wziąć pod uwagę, że wiele instalacji WordPressa ma więcej niż jednego administratora) zobaczy nowy nagłówek adminów; zakładając, że uaktualnią się do najnowszej wersji. To mnie przeraża.
Projektowanie dla WordPress nie przypomina projektowania dla klienta. Przy tak wielu użytkownikach istnieją względy, o których normalnie nigdy by się nie śniło. Na przykład jako zasada przy projektowaniu czegokolwiek z tekstem: element musi być wystarczająco elastyczny, aby rozwinąć się, aby podwoić jego normalną szerokość. Czemu? Ponieważ WordPress jest przetłumaczony na około 70 różnych języków i nie wszystkie słowa są tej samej długości po przetłumaczeniu!
Oczywiście, jeśli chodzi o języki, szerokość tekstu nie jest jedynym problemem; niektóre są pisane od prawej do lewej. Prawdopodobnie nie wiedziałeś, że WordPress ma cały zestaw stylów i obrazów RTL (od prawej do lewej). Nawet coś tak prostego, jak menu rozwijane, musi być traktowane z najwyższą ostrożnością i uwagą, ponieważ zastosowana grafika będzie musiała również działać, gdy zostanie odzwierciedlona w poziomie za pomocą elementów sterujących po przeciwnej stronie.
Proces projektowania
Projekt OpenSource nieco różni się od projektowania OpenSource. Jeśli chodzi o dodawanie kodu, nie ma zbyt wiele subiektywnych aspektów, jednak przy projektowaniu wiele rzeczy może sprowadzać się do osobistej opinii. Z tego powodu Jane Wells kieruje pracami grupy UI i ma ostatnie podpisy pod decyzjami projektowymi.
Jeśli uważasz, że trudno jest wziąć pod uwagę wszystkie niuanse interfejsu użytkownika, to zdecydowanie nie chcesz pracy Jane. Musi ocenić każdą decyzję związaną z WordPress jako całością, jej wartościami i planami na przyszłość. Musi zarządzać prośbami ludzi na szczycie, co nie zawsze przekłada się na to, co ludzie na dole chcą usłyszeć. Wykonuje niesamowitą robotę organizowania wszystkiego, zdecydowanie nie zazdroszczę jej pracy.
Jane przygotowała brief dla nowego nagłówka i stopki, który miał je rozjaśnić, aby zwiększyć dostępność (ciemny tekst na jasnym tle) i odejść od bardzo ciemnej szarości, która była w WordPress przez długi czas. Przedstawiono kilka makiet, a następnie po dyskusji na spotkaniach grupy UI wybrano jedną wersję do wdrożenia.
Proces rozwoju
Po sfinalizowaniu projektu mogłem z łatwością zrezygnować w tym momencie i pozwolić jednemu z twórców go zaimplementować ... ale gdzie by to była zabawa? Nauka pisania kodu do WordPressa była kolejnym naprawdę interesującym doświadczeniem, niczym podobnym do wszystkiego, co robiłem wcześniej.
Edycja podstawowych plików CSS WordPressa to, szczerze mówiąc, skamieniałość. Usunięcie pojedynczej klasy z pliku CSS może, hipotetycznie, przerwać dowolną liczbę wtyczek i motywów dla milionów użytkowników, nie możesz po prostu zakodować tego, jak uważasz, że powinno być i przejść dalej.
Struktura CSS jest również dość odmienna od normalnej. Istnieją pliki CSS, które kontrolują podstawowy układ i pliki CSS, które kontrolują "skórkę" administratora (która jest zmienna). Aby dodać 1-pikselową ramkę do nagłówka i stopki, sama ramka musiała zostać zdefiniowana w rdzennym pliku css, ale kolor ramki musiał zostać zdefiniowany w pliku css "skin". W przypadku tego typu struktury kodu, dowolna wtyczka lub programista motywów może nadpisać te style, jeśli zechcą.
Cała zmiana, zróbmy to inaczej
Inną różnicą w pracy nad projektem OpenSource jest to, że wszystko jest w ciągłym rozwoju, nic nie jest nigdy ukończone. Po zakończeniu tworzenia nagłówka i stopki nowego administratora kolejne cztery lub pięć razy. W rzeczywistości kilka dni temu podjęliśmy decyzję o przeniesieniu ich na gradienty CSS3 z solidnym kolorem awaryjnym.
Czasami jest to frustrujące, ponieważ możesz czuć się tak, jakbyś włożył dużo pracy, która nie jest używana (nie mogę ci nawet powiedzieć, ile czasu spędziłem na oryginalnej grafice dla tych gradientów), ale ostatecznie prowadzi do lepszy rezultat, którego wszyscy chcemy.
Chcesz zaprojektować dla WordPress?
Możliwość stwierdzenia, że zaprojektowałem coś na tak masową platformę, daje mi prawdziwe poczucie spełnienia, ale nie zapominaj, że każdy może wnieść swój wkład do grupy użytkowników WordPress. Jeśli interesuje Cię wkład UI do następnej wersji WordPress, to przejdź do http://make.wordpress.org/ui aby zobaczyć aktualne dyskusje i harmonogramy spotkań.
W tej chwili jest to dość mała, ale skupiona grupa, zachęciłbym wszystkich do zaangażowania się i kształtowania przyszłości WordPress. Najlepszą rzeczą w OpenSource jest to, że jeśli czegoś nie lubisz, możesz przyczynić się do poprawy.
Na koniec, jeśli chcesz sprawdzić WordPress 3.0 przed jego uruchomieniem, możesz pobrać kopię pliku publiczna beta z WordPress.org .