W jakim stopniu projektant odpowiada za responsive design?


20

Rozważ następującą (idealizowaną) tabelę.

wprowadź opis zdjęcia tutaj

Teraz współpracowałem z kolegami ze wszystkich stron tego spektrum i dowiedziałem się, że niestety jest to raczej takie.

wprowadź opis zdjęcia tutaj

Większość „programistów” zwykle nie zna zasad projektowania, podczas gdy z drugiej strony „projektanci stron internetowych” bardzo mało wiedzą o technicznej stronie sieci. Trudno znaleźć dobrze zaokrąglonych „rzemieślników”.

Ten niefortunny, ale prawdziwy scenariusz sprawia, że ​​tworzenie responsywnej strony internetowej dla zespołu programistów i projektantów jest uciążliwe. Projektanci stron internetowych często zapominają, że strona powinna dostosować się do każdego możliwego urządzenia komercyjnego i często projektuje sztywne układy, które świetnie wyglądają na własnym ekranie, ale nie można ich zmienić w responsywne strony internetowe. Z drugiej strony programiści dokonują brutalnych adaptacji wizji projektanta, starając się osiągnąć szybkość reakcji.

Gdzie powinna spoczywać odpowiedzialność za projektowanie responsywnej strony internetowej? Czy należy oczekiwać, że projektant stron internetowych dostarczy programiście przemyślane wskazówki, jak dostosować stronę internetową do każdego możliwego scenariusza? Czy jest to nieuzasadnione oczekiwanie?

Proszę zauważyć, że koncentruję się na jego stronie projektowej, a nie na stronie rozwijającej się.


2
BTW, podoba mi się twoja grafika. Może to również mieć sens jako odwrotna krzywa dzwonowa. W idealnym świecie liczba osób posiadających te umiejętności byłaby płaska. Jednak w rzeczywistości, jak się przekonałeś, końce spektrum są zapełniane znacznie wyżej niż środek z gradacją krzywej odwrotnej.
DA01,

Dobry pomysł! Stara krzywa dzwonowa uderza jeszcze raz
:)

Słuszna uwaga! Potrzebujesz osi Z. Teraz widzę odwrócony łuk w kształcie muszki (wąski pośrodku wzdłuż osi Z).
DA01,

3
Komunikacja! Jeśli masz osobę po lewej, która naprawdę dobrze komunikuje się z jedną osobą po prawej, to w zasadzie masz dwie osoby pośrodku. Dlatego dobrzy komunikatorzy są tak samo ważni, jak wykwalifikowani pracownicy.
Ośmiornica

Odpowiedzi:


9

Każdy dobrze wyszkolony projektant zawsze będzie do pewnego stopnia zainteresowany wdrażaniem. Być może nie w aspekcie „potrafię to zbudować”, ale przynajmniej w aspekcie „to niemożliwe”.

Niezależnie od tego, czy projektant trafi w prawą stronę wykresu, czy nie, zawsze powinien wiedzieć, co może, a czego nie może zrobić na danym nośniku. Nie możesz dobrze zaprojektować do druku, jeśli nie rozumiesz separacji. Nie możesz dobrze zaprojektować oznakowania, jeśli nie rozumiesz rozdzielczości itp.

Myślę, że każdy projektant odpowiedzialny za materiały sieciowe powinien przynajmniej do tego popaść:

wprowadź opis zdjęcia tutaj

I nie sądzę, że jest tak krzywy jak twój drugi wykres.

Dni, w których możesz zrobić piękną makietę w Photoshopie i po prostu przekazać ją, minęły z mojego doświadczenia. Z mojego doświadczenia wynika, że ​​programiści (czyli po lewej stronie wykresu) tak naprawdę nie szukają kogoś po prawej stronie. Szukają projektanta, który przynajmniej rozumie, co jest możliwe i ograniczenia niezbędne do dobrego zaprojektowania. To przesuwa je z prawej strony, co najmniej jeden tik w lewo.

Czy nadal istnieją programiści, którzy uderzyli w skrajną lewicę, absolutnie. Tak jak wciąż istnieją projektanci, którzy uderzyli w skrajną prawicę. Ważniejszym aspektem może być jednak doświadczenie . Czy są programiści / projektanci, którzy uderzają w lewo / prawo, jeśli mają 5, 8 lub 10 lat doświadczenia? Wątpię. Im więcej doświadczenia, tym bliżej środka.

Więc może to jest bardziej odpowiednie:

wprowadź opis zdjęcia tutaj

W strukturze firmy szukasz osób, które zajmą skrajnie prawą / lewą pozycję. Zapewnia to stałą podstawę tego pożądanego umiejętności. Spekulowałbym jednak, że im bardziej pożądany jest kandydat, tym bliżej dwóch środkowych zdjęć spadają ich umiejętności.


Podoba mi się ostatni obraz. Myślę, że w przypadku zespołu możemy go rozszerzyć o ideę osi obrotu. Przy wystarczającym pokryciu wszystkie obszary są objęte doświadczeniem.
Yorik

Wydaje mi się, że mam złe doświadczenia z projektantami, które są prawie w pełni czerwone :(, więc zacząłem kwestionować moje oczekiwania. Regularnie otrzymuję od nich „ładne makiety PS” :(
cockypup

Jest stare powiedzenie @cockypup - Jeden podnosi się do poziomu ich niekompetencji. Każdego dnia pojawia się coraz więcej „projektantów”. Rynek jest dosłownie zalany od co najmniej 10-15 lat. Tak więc jest wielu takich, którzy nie mają ochoty lub nie mają zdolności do lepszego zestawu umiejętności. Nie należy tego jednak uważać za „normę”.
Scott

Należy również pamiętać, że wielu pracowników chce po prostu łatwej wypłaty. Jeśli uda im się uciec tylko za pomocą makiety Photoshopa, do diabła, jest o wiele łatwiej.
Scott

2
Myślę, że jazda jest zdecydowanie częścią tego, ale ... co ważniejsze, IMHO to pasja do produktu . Projektanci, którzy naprawdę dbają o produkt, również bardzo dbają o rozwój. Programiści, którym bardzo zależy na produkcie, również bardzo dbają o design. Jest to w przeciwieństwie do ludzi, którym zależy tylko na ich pracy. Uważam, że im bardziej kultura firmy składa się z ludzi skoncentrowanych na pracy, tym bardziej cierpi ten produkt, ponieważ wszyscy tak naprawdę dbają tylko o siebie. W tym miejscu bitwy na murawie mogą naprawdę zacząć izolować drużyny.
Zaplanuj

12

Gdzie powinna spoczywać odpowiedzialność za projektowanie responsywnej strony internetowej?

Zwykle w zarządzaniu. Inteligentne zarządzanie uświadomi sobie, że jest to projekt zespołowy, więc każdy musi być koordynowany i pracować w tandemie. Obejmuje to między innymi projektowanie wizualne, UX, tworzenie interfejsu użytkownika, tworzenie zaplecza, zespół treści, marketing itp.

Zwinny rozwój jest dobrym sposobem na podejście do tego.

Wiele organizacji oczywiście tego nie robi i zwykle silosuje każdą z powyższych drużyn i używa starego procesu wodospadu „przerzuć go przez płot i nie martw się”.

Proszę zauważyć, że koncentruję się na jego stronie projektowej, a nie na stronie rozwijającej się.

To jest problem. Nie możesz skupić się na jednym, a nie na drugim. Konstrukcja z elastyczną witryną jest opracowanie odpowiadającego miejscu.

Dotyczy to ogólnie projektowania interakcji. Projekt interakcji (responsywny układ, rozwijane menu, animacja itp.) Musi być zaprojektowany na nośniku, na którym będzie używany - w przeglądarce. Wymaga to pewnego poziomu rozwoju.

Moja idealna struktura zespołu UX obejmowałaby następujące role *:

  • Projektant wizualny i / lub Projektant interfejsu użytkownika
  • Deweloper interfejsu użytkownika
  • Zawartość
  • Badania / testy użytkowników

To nie znaczy, że twórca interfejsu użytkownika zespołu UX to osoba pisząca kod produkcyjny, ale piszą działający kod, aby właściwie zaprojektować, utworzyć i przetestować interakcję.

To jest następnie udostępniane programistom, a zespół pracuje nad dalszą pracą, aby zintegrować go z ostatecznym celem systemu responsywnego.

* Wspomniane role powinny obejmować co najmniej jednego z „twórców stron internetowych”. Zgadzam się, że czasem trudniej je znaleźć, ale są koniecznością w zespołach. Potrzebujesz co najmniej jednej osoby, która może komunikować się na całym forum i może rozmawiać z projektantami ikon, a także administratorami DB.


Zasadniczo zgadzam się z tą odpowiedzią, z wyjątkiem tego, że tak naprawdę nie zgadzam się, że odpowiedzialność ta spoczywa przede wszystkim na „zarządzaniu”. Kluczem jest dobrze zorganizowany zespół. Co przywodzi na myśl dwa komentarze. 1) Jest to zamieszczone w części graficznej witryny, a projektowanie graficzne nie jest projektowaniem stron internetowych. Możesz spróbować zapytać na StackOverflow i sprawdzić, czy nie dostaniesz innego prespective. 2) Wyglądasz na trochę młodszego? Pracuję dla bardzo dużej firmy technologicznej (NASDAQ) i wcale nie mamy takich problemów. Więc w butikowym studio? Tak. Ale na wyższym poziomie to nawet nie rozmowa, FWIW.
Dave Kanter

@DaveKaye, że Twoja firma robi to dobrze, nie oznacza, że ​​wszyscy tak robią. Z pewnością nie jestem Juniorem i pracowałem dla kilku korporacji z listy Fortune 500, które jeszcze tego nie odkryły. Z mojego doświadczenia wynika, że ​​im większa organizacja, tym bardziej rozdrobnione stają się zespoły, stąd ten problem. Firmy starając się zrobić to dobrze, oczywiście. Coraz więcej osób zmierza w kierunku Agile (z różnymi wynikami).
DA01

Och, co do „zarządzania”, myślę, że jesteśmy zgodni. Mówisz, że dobrze zorganizowany zespół jest kluczem, a ja twierdzę, że potrzebujesz dobrego zarządzania, aby zbudować dobrze zorganizowany zespół. Na koniec dnia za wspomniany zespół odpowiedzialny jest ktoś odpowiedzialny.
DA01

1
Na przykład, na moim obecnym koncercie, UX znajduje się na zupełnie innym schemacie organizacyjnym niż UI Dev. Oczywiście to utrudnia wszystkim z nas w terenie, ponieważ mamy do czynienia z zupełnie innymi łańcuchami dowodzenia i związaną z tym polityką każdego.
DA01

1
@plainclothes w mojej idealnej strukturze, IA, ID i Treść działają razem.
DA01,

6

Chociaż zgadzam się z mentalnością zawartą w odpowiedzi DA01, myślę, że w pytaniu jest coś więcej niż tylko to, do czego się odnosi.

Prostym faktem jest to, że firmy są zorganizowane na różne sposoby, ponieważ mają osoby o różnych umiejętnościach i różnej liczbie pracowników w każdym oddziale. Każda firma musi podchodzić do tej decyzji z rozwagą i swoją firmą, aby wybrać dobry sposób tworzenia.

Jako taki, nie sądzę, że istnieje jeden „najlepszy” sposób na podjęcie takiej decyzji lub struktury zespołu. Każda grupa ludzi jest inna i ci, którzy pracują dla jednej firmy, mogą nie działać dla innej, nawet jeśli struktura i takie są mniej więcej takie same.

Biorąc to pod uwagę, istnieją pewne ogólne zasady, które mają zastosowanie do wszystkich firm przy podejmowaniu tego rodzaju decyzji:

  • Skorzystaj z dostępnego zestawu umiejętności - Niektóre osoby pracują lepiej w określonych środowiskach, wykonując określone czynności. Jeśli coś znacznie spowalnia proces przy niewielkich rzeczywistych korzyściach, prawdopodobnie nie jest to dobra decyzja. Nie oznacza to, że nie powinieneś się zmieniać, ponieważ jednej osobie nie podoba się ta zmiana, ale ważne jest, aby pamiętać o preferencjach i umiejętnościach zespołu, aby ludzie cieszyli się pracą i wykonywali swoje zadania.

  • Współpraca jest kluczowa - wszyscy projektanci i programiści powinni się komunikować i wiedzieć w przybliżeniu, co robi inny na każdym etapie procesu, od rozmowy z klientem (jakkolwiek jest to możliwe - zobaczenie notatek z dyskusji lub czegoś podobnego może być czasem wystarczające ) do ostatecznego wdrożenia. Jedna grupa zazwyczaj wykonuje pracę na jednym etapie, ale druga (-a) powinna przynajmniej wiedzieć, co się dzieje i mieć możliwość przekazywania pewnego rodzaju informacji zwrotnych na każdym etapie.

    Wiedza ludzi jest różna, dlatego chcemy, aby ludzie dostrzegali potencjalne problemy, których inni nie zauważyliby tak wcześnie, jak to możliwe, oprócz dostarczania dodatkowych pomysłów.

  • Kierunek nad doskonałością - O wiele lepiej jest znać cel i budować go w bezpośredni, ale szorstki sposób. Rozumiem przez to, że iteracja jest lepsza niż bycie idealną w pikselach dla większości procesu. Musimy upewnić się, że podążamy we właściwym kierunku przy każdej decyzji projektowej, a następnie udoskonalić tę decyzję, powtarzając. W ten sposób możemy na ogół uniknąć większych problemów na późniejszym etapie procesu.

    Pomaga w tym projektowanie w przeglądarce (lub na dowolnym nośniku, na którym znajduje się aplikacja), ponieważ łączy dwa zadania w jedno, zmuszając ludzi do współpracy lub posiadania umiejętności w obu. Oczywiście ważne jest, aby pamiętać o pierwszej zasadzie wymienionej tutaj.

Wreszcie, aby rozwiązać problem bezpośrednio pod ręką w jednym okoliczność, że PO wydaje się odwołanie, powiem, że jeśli całkowite oddzielenie pracy podjęto decyzję (całkowitego oddzielenia wiedzy / feedback powinien nie być zrobione), to polecam że zespół projektowy powinien stworzyć małą i dużą wersję, przynajmniej w większości przypadków, a resztę pozostawia programistom. Zmusza to zespół projektowy do pamiętania o wszystkich etapach pomiędzy nimi, bez konieczności martwienia się o dokładne szczegóły.


1
Dobra uwaga: nie ma jednego rozwiązania tego problemu, ponieważ wszystkie firmy są inne.
DA01

3

Jest tu kilka świetnych odpowiedzi, ale to naprawdę nie jest takie skomplikowane.

Dolna linia:

Zespół projektowy (jeden lub wiele) jest odpowiedzialny za każdą permutację widoku lub szablonu.

Nie proś dewelopera o wypełnienie pustych pól lub oparcie się na ramie.

Na początku staraj się jak najlepiej, a następnie cieniuj programistę w miarę postępu. Będziesz musiał podejmować decyzje w miarę pojawiania się wyzwań. Czasami może to być kolejna makieta, innym razem najlepiej jest podać szorstki kod (jeśli możesz).

Nie zmuszaj Inżynierii do wykonywania swojej pracy, a oni nie będą cię o to prosić ;-)


-2

Idealnie, projektanci są właścicielami projektu, prosty i prosty. Jeśli projektanci są w stanie zaprojektować specyfikację, która jest jasna, odpowiednia i realistyczna, to powinna ona usunąć zgadywanie z równania dla projektantów stron internetowych.

Zadaniem projektanta stron internetowych jest przełożenie wizji projektanta na kod. Może to być łatwe, jeśli specyfikacja jest jasna, a projektant stron internetowych jest dobry, lub może być trudne, jeśli wszystko, co dostaje projektant stron internetowych, to .psd z instrukcjami „zrób to”. Dobra specyfikacja oznacza dokładniejsze wdrożenia.

Pominąłem twórców stron internetowych, ponieważ tak naprawdę nie pracuję z tym terminem.

Z mojego doświadczenia wynika, że ​​twórcy stron internetowych nie powinni zajmować się projektowaniem. Zazwyczaj koncentrują się na rozwoju zaplecza i dotykają projektowania tylko wtedy, gdy jest to absolutnie konieczne. Większość programistów internetowych, których znam, tak naprawdę nie zna bardzo dobrze CSS i na pewno nie korzysta z Photoshopa.

Rodzaj programisty obejmuje 99% programistów. Nie powiedziałbym, że nie projektują tak jak na twojej grafice, ale zazwyczaj nie jest to część opisu zadania.

TL; DR: Jeśli projektanci wymyślą dobre specyfikacje, projektanci stron internetowych powinni być w stanie łatwo obsłużyć implementację.


1
Muszę się z tym całkowicie nie zgodzić. Izolowanie projektowania od rozwoju jako całkowicie oddzielnych zestawów umiejętności zwykle powoduje problemy. Twierdziłbym również, że projektant stron internetowych, ponieważ w tytule mają słowo „projektant”, jest absolutnie projektantem. Posunąłbym się nawet do stwierdzenia, że ​​dobry programista jest również projektantem ... po prostu projektują w kodzie.
DA01

1
Jeśli chodzi o specyfikacje, brzmią jak dobry pomysł, ale NIGDY nie widziałem, żeby działały. Problem polega na tym, że po prostu nie można przewidzieć każdego scenariusza i interakcji, które wchodzą w rozwiązanie, aby móc je w pełni sprecyzować. A gdy jest duża specyfikacja, programiści po prostu stają się pracownikami linii montażowych i nie są zachęcani do udziału w rozwiązaniu. Pod koniec dnia rzeczy są pomijane, a specyfikacja zostaje obwiniona.
DA01

Muszę się zgodzić z DA01, to bardzo naiwny sposób patrzenia na sytuację
Zach Saucier

Dziękuję za odpowiedź, ale zgadzam się z @ DA01. Chciałem dodać, że moja tabela ma przedstawiać różne poziomy wiedzy specjalistycznej w zakresie umiejętności technicznych i projektowych. Określenie „rzemieślnik sieci” to takie, które wymyśliłem jako pseudonim dla doskonale zaokrąglonego profesjonalisty, który ma zarówno umiejętności projektowe, jak i techniczne, które są dziś bardzo powszechne, jakby renesansowy człowiek sieci.
cockipup

O tym, że programiści nie projektują, jest to obecnie bardzo rzadkie, być może nie tak rzadkie, jak sugeruje mój drugi wykres, jak wskazał @Scott, który celowo został przesadzony tylko po to, aby coś powiedzieć. Sama natura twórców stron internetowych zmusza programistów do uczenia się podstaw projektowania, nawet jeśli mu się to nie podoba.
cockipup
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.