Apa tanggung jawab seorang desainer web

9

Halo semua -

Saya adalah pengembang Coldfusion dengan lebih dari 2 setengah tahun pengalaman. Saya punya pengalaman dengan Javascript, jquery dan sql.

Saya berpikir untuk belajar mendesain Web juga di waktu luang saya. Apa tanggung jawab seorang desainer Web? Apakah itu melibatkan konversi PSD ke HTML / CSS. Haruskah seorang desainer web pandai mendesain grafis juga?

Terima kasih..

pengguna508518
sumber

Jawaban:

13

Istilah 'perancang web' agak umum dan tidak memiliki definisi spesifik selain mereka terlibat dalam beberapa aspek merancang dan / atau membangun situs web.

Peran yang dapat terlibat dalam proyek desain web dapat bervariasi dari proyek ke proyek, tim ke tim, perusahaan ke perusahaan, tetapi berikut adalah daftar berbagai peran:

  • ahli strategi konten
  • copywriter
  • Arsitek Informasi
  • Desainer Interaksi
  • Perancang Antarmuka Pengguna
  • Perancang grafis
  • Pengembang ujung depan
  • Desainer Pengalaman Pengguna
  • Analis Kegunaan
  • Analis Aksesibilitas

Saya akan mengatakan salah satu di atas dapat disatukan menjadi 'desainer web'

Dan kemudian ada peran yang saya sebut desainer juga, meskipun tidak semua orang setuju:

  • pengujian pengguna / kegunaan
  • riset kompetitif dan industri
  • SEO (topi putih, bukan topi hitam!)
  • DBA
  • Analis Bisnis
  • Pengembang Back End

Jadi, alih-alih menjawab pertanyaan Anda, saya akan memutarnya dan menanyakan salah satu dari Anda: Aspek-aspek Desain Web apa yang menurut Anda akan Anda sukai dan ingin Anda fokuskan?

Berdasarkan tanggapan Anda tentang keinginan untuk fokus pada UI dan pengembang Front End, saya menyarankan yang berikut:

Pengembangan ujung depan kemungkinan merupakan perpanjangan dari keterampilan Anda saat ini. Anda ingin fokus pada HTML, CSS dan JS. Jika Anda sudah mengetahui dasar-dasar JS, Anda mungkin ingin menyelami kerangka kerja yang baik seperti jQuery, yang juga akan membantu pembuatan prototipe Anda.

Adapun desain UI, itu latar belakang yang sedikit berbeda. Kebanyakan desainer UI memiliki latar belakang seni dan desain. Jadi untuk itu, Anda akan ingin fokus pada keterampilan seperti menggambar, diagram, teori warna, bentuk, seni, tipografi, dll. Mereka kemudian menggabungkannya dengan keterampilan jenis faktor manusia seperti praktik kegunaan terbaik, evaluasi heuristik, desain interaksi, dll.

Dalam hal alat perdagangan, yah, di situlah Anda harus terbiasa dengan Photoshop dan kerabatnya. Tidak ada jalan keluar yang nyata.

DA01
sumber
Terima kasih atas jawabannya. Ketertarikan saya terletak pada desainer antarmuka pengguna / pengembang front end. Tapi yang sedikit membuatku takut adalah pemikiran belajar photoshop atau alat serupa untuk mengembangkan prototipe. Saya mencoba mengikuti beberapa tutorial tentang photoshop, dan entah bagaimana agak sulit untuk diikuti.
user508518
2
@ user508518 Menggunakan Photoshop untuk mengembangkan prototipe sebenarnya tidak disukai. Sebagian besar pengembang sekarang menyadari bahwa tata letak adaptif untuk perangkat yang berbeda (desktop, ponsel, dll) lebih penting daripada maket photoshop sempurna pixel. Wireframing UI maket telah kembali populer.
ghoppe
Jawaban yang bagus! Saya hanya akan setuju bahwa istilah "desainer web" tidak berarti apa-apa lagi. Kami mengacu pada pengembangan front-end dan back-end di tim saya
Bosworth99
3

Menambahkan sedikit ke jawaban DA01 yang sangat bagus, Anda tidak perlu belajar Photoshop untuk merancang situs web. Anda bahkan tidak perlu menggunakan editor WYSIWYG seperti Dreamweaver (walaupun hal itu tentu dapat membantu mempercepat prosesnya, terutama dengan alat-alat baru di CS5 dan 5.5); ada banyak perancang web yang tidak menggunakan apa-apa selain editor teks dan koleksi browser. Saya menggunakan DW, tetapi 90% dari kode saya dilakukan di editor, dan saya jarang membuat prototipe secara luas dalam program terpisah meskipun sangat betah dengan Photoshop, Illustrator, dll.

Yang mengatakan, Anda pasti akan mengalami situasi di mana Anda memerlukan beberapa bit grafis, bahkan jika itu hanya tombol kustom atau spanduk situs, bahwa Anda harus membuat sendiri, beradaptasi dari beberapa karya seni yang ada, atau meminta seseorang mengejek kamu. Jadi, Anda memerlukan setidaknya fasilitas dasar dengan aplikasi grafis seperti Fireworks, Photoshop, atau yang serupa.

Saya akan menyarankan lynda.com dan tv.adobe.com sebagai titik awal. Ada tutorial yang sangat baik di kedua situs.

Catatan Samping: Cara terbaik untuk meningkatkan kecepatan adalah dengan mengerjakan proyek nyata untuk dikerjakan yang memaksa Anda untuk mengetahui cara melakukan hal-hal. Ini akan membuat adrenalin Anda berjalan, tentu saja, tetapi semua yang Anda pelajari dalam proyek langsung menjadi bagian dari perangkat Anda dan tidak dilupakan. Proyek Flash pertama saya (tampilan kios interaktif multi-halaman yang besar) seperti itu. Lima hari menyelam dalam-dalam ke ActionScript, dengan aplikasi dunia nyata langsung, meninggalkan saya dengan seperangkat keterampilan yang tidak pernah hilang.

Alan Gilbertson
sumber
2

Seorang perancang web bertanggung jawab untuk hal yang sama seperti kebanyakan perancang, dan toolkit (css) tidak sepenting pemahaman dasar desain, meskipun tentu saja jika Anda tidak dapat membuat kode dan hanya dapat mengacaukan di photoshop Anda. hampir tidak berguna di proyek web. Salah satu cara sederhana untuk memikirkannya apa yang membuat perancang web yang baik, atau perancang pada umumnya, adalah sebagai berikut: Perancang bertanggung jawab untuk melihat produk dari sudut pandang pelanggan atau pengguna. Misalnya, jika Anda mendesain mouse komputer Anda akan bertanggung jawab untuk membuat mouse ...

  1. Mudah digunakan dan dimengerti
  2. Menarik (lagipula, jika tidak menarik, tidak ada yang mau repot-repot menggunakannya)
  3. Dibuat dengan baik (sehingga pelanggan merasa mereka mendapatkan penawaran bagus, sehingga produk tidak dikembalikan dan mendapatkan reputasi buruk)
  4. Menyenangkan untuk dibicarakan. Idealnya desain Anda akan membuat orang ingin berbicara tentang mouse Anda, menggunakan desain itu sendiri sebagai cara untuk menyebarkannya.

Produk-produk lain akan memerlukan hal-hal yang berbeda, tentu saja, tetapi kemampuan untuk melihat apa yang diinginkan pelanggan, dan bukan apa yang hampir menyelesaikan masalah atau apa yang menurut pengguna inginkan, adalah sudut pandang yang bermanfaat ketika merancang sebagian besar barang.

Saha
sumber