Jakie są obowiązki projektanta stron internetowych?

9

Cześć wszystkim -

Jestem programistą Coldfusion z ponad 2 i pół letnim doświadczeniem. Mam trochę doświadczenia z JavaScript, jquery i sql.

W wolnym czasie zastanawiałem się też nad projektowaniem stron internetowych. Jakie są obowiązki projektanta stron internetowych? Czy obejmuje konwersję PSD do HTML / CSS. Czy projektant stron internetowych powinien być również dobry w projektowaniu graficznym?

Dzięki..

użytkownik508518
źródło

Odpowiedzi:

13

Termin „projektant stron internetowych” jest raczej ogólny i nie ma żadnej konkretnej definicji poza tym, że są zaangażowani w jakiś aspekt projektowania i / lub tworzenia stron internetowych.

Role, które mogą być zaangażowane w projekt projektowania stron internetowych, mogą się różnić w zależności od projektu, zespołu, zespołu, firmy do firmy, ale oto lista różnych ról:

  • strateg ds. treści
  • copywriter
  • Architekt informacji
  • Projektant interakcji
  • Projektant interfejsu użytkownika
  • Grafik
  • Deweloper
  • Projektant doświadczenia użytkownika
  • Analityk usability
  • Analityk dostępności

Powiedziałbym, że którekolwiek z powyższych można połączyć w „projektanta stron internetowych”

Są też role, które lubię nazywać projektantami, choć nie wszyscy się z tym zgadzają:

  • testowanie użytkownika / użyteczności
  • badania konkurencyjne i branżowe
  • SEO (biały kapelusz, nie czarny kapelusz!)
  • DBA
  • Analityk Biznesowy
  • Programiści zaplecza

Zamiast więc odpowiedzieć na twoje pytanie, przekręcę je i zapytam: „Na jakie aspekty projektowania stron internetowych spodobają ci się i na których chcesz się skoncentrować?

W oparciu o twoją odpowiedź dotyczącą chęci skoncentrowania się na interfejsie użytkownika i interfejsie programistycznym Front End, sugeruję, co następuje:

Rozwój frontonu jest prawdopodobnie przedłużeniem twoich obecnych umiejętności. Będziesz chciał skupić się na HTML, CSS i JS. Jeśli znasz już podstawy JS, prawdopodobnie zechcesz zanurzyć się w dobrym frameworku, takim jak jQuery, który również pomoże w prototypowaniu.

Jeśli chodzi o projekt interfejsu użytkownika, to nieco inne tło. Większość projektantów interfejsu użytkownika ma doświadczenie w sztuce i projektowaniu. Dlatego musisz skupić się na umiejętnościach takich jak rysowanie, tworzenie diagramów, teoria kolorów, forma, sztuka, typografia itp. Następnie łączą to z umiejętnościami dotyczącymi czynnika ludzkiego, takimi jak najlepsze praktyki użyteczności, oceny heurystyczne, projektowanie interakcji, itp.

Jeśli chodzi o narzędzia handlu, to tutaj musisz się przyzwyczaić do Photoshopa i jego krewnych. Nie ma realnego rozwiązania tego problemu.

DA01
źródło
Dziękuję za odpowiedź. Moje zainteresowania dotyczą projektanta interfejsu użytkownika / programisty front-end. Ale trochę mnie przeraża myśl o nauce Photoshopa lub podobnych narzędzi do tworzenia prototypów. Próbowałem wykonać kilka samouczków w Photoshopie i jakoś trudno było mi się naśladować.
user508518
2
@ user508518 Używanie programu Photoshop do opracowywania prototypów w rzeczywistości nie jest przychylne. Większość programistów zdaje sobie teraz sprawę, że układy adaptacyjne dla różnych urządzeń (komputery stacjonarne, telefony itp.) Są ważniejsze niż makiety w Photoshopie. Modele makiet interfejsu użytkownika ponownie zyskały na popularności.
ghoppe
Dobra odpowiedź! Zgadzam się, że termin „projektant stron internetowych” już nic nie znaczy. Odwołujemy się do rozwoju front-end i back-end w moim zespole
Bosworth99
3

Dodając nieco do doskonałej odpowiedzi DA01, nie musisz uczyć się Photoshopa, aby projektować strony internetowe. Nie musisz nawet używać edytora WYSIWYG, takiego jak Dreamweaver (choć z pewnością może to przyspieszyć proces, szczególnie dzięki nowym narzędziom w CS5 i 5.5); jest wielu projektantów stron internetowych, którzy używają wyłącznie edytora tekstu i kolekcji przeglądarek. Używam DW, ale 90% mojego kodu jest wykonywane w edytorze i rzadko prototypuję w osobnym programie, mimo że jestem w domu z Photoshopem, Illustratorem itp.

To powiedziawszy, nieuchronnie spotkasz się z sytuacjami, w których potrzebujesz bitów graficznych, nawet jeśli są to tylko niestandardowe przyciski lub baner witryny, które albo musisz sam stworzyć, dostosować się do istniejącej grafiki lub kogoś wykpić ty. Będziesz więc potrzebował przynajmniej podstawowej funkcji z aplikacją graficzną, taką jak Fireworks, Photoshop lub podobna.

Sugerowałbym lynda.com i tv.adobe.com jako punkty wyjścia. Istnieją doskonałe samouczki na obu stronach.

Uwaga dodatkowa: Najlepszym sposobem na przyspieszenie jest podjęcie prawdziwego projektu, który zmusza cię do znalezienia sposobu na zrobienie czegoś. Rozbudzi Twoją adrenalinę, jasne, ale wszystko, czego nauczysz się w projekcie na żywo, stanie się częścią zestawu narzędzi i nie zostanie zapomniane. Tak wyglądał mój pierwszy projekt Flash (ogromny, wielostronicowy interaktywny ekran kiosku). Pięć długich dni głębokiego zanurzenia się w ActionScript, z natychmiastową aplikacją w świecie rzeczywistym, pozostawiło mi zestaw umiejętności, których nigdy nie straciłem.

Alan Gilbertson
źródło
2

Projektant stron internetowych jest odpowiedzialny za to samo, co większość projektantów, a zestaw narzędzi (css) nie jest tak ważny, jak podstawowa znajomość projektowania, choć oczywiście jeśli nie możesz kodować i możesz tylko robić bałagan w Photoshopie, jesteś niezbyt przydatne w projekcie internetowym. Jednym z prostych sposobów myślenia o tym, co czyni dobrego projektanta stron internetowych lub ogólnie projektanta, jest następujący: Projektant jest odpowiedzialny za postrzeganie produktu z punktu widzenia klienta lub użytkownika. Na przykład, jeśli projektujesz mysz komputerową, będziesz odpowiedzialny za jej wykonanie ...

  1. Łatwy w użyciu i zrozumiały
  2. Odwoływanie się (w końcu, jeśli jest nieatrakcyjne, nikt nie będzie się nim starał)
  3. Dobrze zbudowany (aby klienci czuli, że dostali dobrą ofertę, a więc produkt nie został zwrócony i zyskał złą reputację)
  4. Przyjemnie rozmawiać. Idealnie twój projekt sprawi, że ludzie będą chcieli rozmawiać o twojej myszy, używając samego projektu jako sposobu na jego rozpowszechnienie.

Inne produkty będą oczywiście wymagać różnych rzeczy, ale umiejętność zobaczenia, czego chcą klienci, niż tego, co ledwo rozwiązuje problem lub czego użytkownicy myślą, że chcą, jest użytecznym punktem widzenia przy projektowaniu większości rzeczy.

Saha
źródło