Category: Web Developer

5 Tren Yang Harus Diketahui oleh Desainer UX untuk Tahun 2020

5 Tren Yang Harus Diketahui oleh Desainer UX untuk Tahun 2020

Seiring dengan desain UX yang terus mengubah perusahaan dan produk yang mereka buat, tahun baru tidak hanya akan melihat perembesan praktik desain ke dalam semua bidang bisnis yang sukses, tetapi juga jenis fungsionalitas silang, inklusivitas dan spesialisasi yang menandakan orang dewasa. bidang.

Berikut adalah lima tren yang kami prediksi untuk tahun 2020, bersama dengan takeaways utama yang dapat Anda lakukan sebelum dekade baru dimulai:

Evolusi desain komputasi dan AI yang berkelanjutan

Desain komputasi adalah pelengkap alami untuk desain yang berpusat pada pengguna (dan UX yang hebat).

Dalam desain komputasi, kami beralih dari merancang hal-hal yang memenuhi kebutuhan manusia ke merancang komputer dan program untuk melakukan hal ini bagi kami.

Komputer dan program ini adalah apa yang John Maeda, dalam 2019 Design in Tech Report-nya, menyebut “AI yang membosankan” —AI yang melakukan beberapa kebaikan di dunia (berbeda dengan rekan-rekan persenjataan atau “Westworld” -ya yang dipersenjatai). Sederhananya, mereka adalah hal-hal buatan manusia yang meniru proses pengambilan keputusan kami dan mengeksplorasi kemungkinan dalam parameter yang ditentukan seperti yang kami lakukan, tetapi lebih cepat.

Secara tradisional, dapat menghabiskan banyak waktu, tenaga, dan uang untuk merancang dan menguji opsi yang sesuai dengan kendala proyek tertentu. Tetapi sekarang kami memiliki program yang memungkinkan keputusan desain yang lebih cepat — kami dapat mengatur parameter dan kendala dan membiarkan komputer kami menyusun opsi desain untuk diuji di layar. Beban kerja khusus itu diambil dari bahu manusia dan dipercepat, memungkinkan kita untuk mempertimbangkan masalah desain yang baru dan lebih besar.

Ini diilustrasikan dengan baik oleh definisi desain komputasi Visual Capitalist: Dalam desain klasik, kami bertanya bagaimana merancang kursi yang indah dan nyaman dari perspektif pemikiran desain, kami bertanya, “Apakah kita bahkan membutuhkan kursi?” dan dalam desain komputasi, kami bertanya, “Bisakah kita mengatur tempat duduk di kota untuk meningkatkan kehidupan sosial kita?”

Program-program yang memungkinkan evolusi ini, seperti Badak, Marionette dan Dynamo, hanya akan digunakan secara lebih besar karena peran desain dalam dunia yang berpusat pada manusia terus berkembang.

Munculnya desainer bisnis

Munculnya desainer bisnis

Semakin banyak perusahaan yang memahami nilai bisnis dari memprioritaskan desain, pemikiran desain menjadi semakin penting dalam membentuk strategi bisnis. Orang-orang yang berpikiran bisnis sedang belajar dan merangkul kekuatan pemikiran desain sementara perancang mempelajari bisnis (alih-alih kode).

Integrasi dua pendekatan yang tampaknya berbeda ini hanya akan meningkat ketika perusahaan mulai melihat manfaat dari perkawinan yang lebih kuat dan lebih bahagia antara bisnis dan desain.

Perusahaan desain yang berfokus pada inovasi, IDEO membantu memelopori perancang bisnis, peran yang menjalin bisnis dan desain dengan rumit. Seorang perancang bisnis memiliki kepala seorang pelaku bisnis, jantung seorang perancang dan kemampuan untuk memahami dan berkomunikasi di seluruh siklus hidup suatu produk — dari penelitian, pengembangan dan desain hingga pengujian, strategi pemasaran dan pensiun produk (atau pengulangan!).

Tumbuh fokus pada desain inklusif

John Maeda mengabdikan seluruh bagian dari 2019 Desain di Tech Report untuk “mengatasi ketidakseimbangan,” menyerukan dunia desain untuk “memecahkan satu, meluas ke banyak orang.” Suara Maeda adalah salah satu di antara banyak panggilan untuk tumpang tindih yang lebih besar antara desain UX (merancang pengalaman hebat bagi pengguna) dan desain universal (merancang untuk aksesibilitas dan inklusi).

Menurut Forrester’s Inclusive Design Imperative (April 2019), banyak perusahaan fokus pada 80% dari pengguna mereka yang “normal” atau “rata-rata” dan kehilangan kekayaan peluang yang dibawa oleh 20% lainnya ke meja. Imperatif juga menunjukkan bahwa banyak perusahaan hanya menangani masalah aksesibilitas seperti yang disyaratkan untuk kepatuhan hukum.

Desain inklusif menjadikan aksesibilitas dan inklusi menjadi pusat proses desain UX sejak awal. Bahkan, Forrester bahkan menyerukan kepada organisasi untuk memulai proses desain dengan kebutuhan 20%, menunjukkan bahwa, “berfokus pada margin tidak hanya membuka pintu ke pasar baru tetapi juga menghasilkan efek samping yang diinginkan dari solusi inovatif yang bahkan yang tidak beruntung mendapat manfaat juga.”

Meningkatkan integrasi data dan desain

Meningkatkan integrasi data dan desain

Desainer dan pengembang semakin berkolaborasi, dan integrasi itu akan terus berlanjut dan semakin dalam ketika data dan desain terhubung dengan lebih rumit.

Prediksi Forrester 2020 mengusulkan bahwa “perusahaan maju akan menggandakan anggaran strategi data mereka,” dan laporan McKinsey baru-baru ini menyerukan aliansi yang lebih kuat antara data dan desain:

“Cukup merekrut desainer dan profesional data untuk melakukan fungsi diskrit mereka (bahkan ketika pada proyek yang sama) tidak cukup. Organisasi perlu memungkinkan keduanya untuk bekerja secara efektif di penguncian — sehingga keseluruhan lebih besar dari jumlah bagian-bagiannya. ”

Dan sebagian besar perusahaan desain maju menggunakan data untuk membuat perbedaan besar pada intinya. Menurut InVision’s Design Maturity Model, 5% organisasi teratas menangani desain dengan cara yang benar-benar terintegrasi yang meningkatkan strategi, meningkatkan pangsa pasar, dan meningkatkan dampak karyawan. Dalam superstar ini, rasio antara desainer dan pengembang berada pada keseimbangan yang lebih sehat, sistem desain umumnya diadopsi dan penelitian pengguna dimasukkan ke dalam sebagian besar alur kerja.

Permintaan yang lebih kuat untuk profesional khusus UX

Secara keseluruhan, bisnis mencurahkan lebih banyak perhatian dan sumber daya untuk mendesain, menghasilkan tim desain yang lebih besar dari sebelumnya. Google memiliki lebih dari 3.000 desainer dan IBM memiliki lebih dari 2.000. Beberapa perusahaan asuransi dan keuangan bahkan memiliki tim desain 150 atau lebih. Saat tim desain tumbuh di tahun baru, jelas kita akan melihat lebih banyak permintaan untuk profesional UX yang dapat berkembang dalam pengalaman pengembangan produk yang semakin terintegrasi.

Misalnya, perusahaan seperti Amazon, Google, Microsoft dan Airbnb saat ini sedang merekrut:

  • Desainer UX dengan pengalaman mengembangkan dan bekerja dengan panduan gaya,
  • Desainer UX dengan kemampuan untuk berkomunikasi pada tingkat yang sangat teknis dengan ilmuwan dan insinyur data
  • Penulis dan peneliti UX dengan pengalaman manajemen proyek,
  • “Manajer” desain UX yang memberikan kepemimpinan di persimpangan penelitian, pengembangan, desain, teknik, konten, pemasaran dan strategi bisnis,
  • Magang UX dengan keterampilan yang ditunjukkan dalam desain grafis, pengeditan video dan pemodelan 3D.

9 Firefox Add-ons Yang Berguna Bagi Web Developer dan Web Desain

Mozilla Firefox adalah browser yang paling populer, khususnya di kalangan web desain dan web developer.

Saat ini, dengan bidang yang sangat padat, browser tetap berada di puncak untuk mengatasi berbagai kebutuhan pekerjaan. Salah satu alasan mengapa Firefox sangat diminati yaitu perpustakaan yang besar dan hebat dalam meningkatkan pengalaman Anda menjelajah. Dan bila digunakan, akan membuat alur kerja Anda lebih produktif dan jauh lebih cepat. Terlebih untuk web desain dan web developer.

Inilah 9 ekstensi Firefox penting yang kami ulas secara detail untuk Anda jika akan memulai membangun website.

Web Developer

Para web developer add-on meluas Mozilla Firefox dengan menambahkan toolbar dengan berbagai pilihan untuk bekerja dengan halaman web. Contohnya, ia mempunyai pilihan untuk mengecek gaya CSS bagian halaman yang akan memberi tahu kita apa saja atribut CSS yang dimiliknya, dan style manakah yang mempengaruhi mereka.

CSSViewer

CSSViewer memungkinkan Anda untuk mengecek properti CSS di halaman web yang Anda lihat. Hal ini merupakan cara yang bagus dan berguna untuk mempelajari style yang sudah Anda lihat di situs web tersebut dan bisa Anda pelajari cara pengembangan CSS.

SeoQuake

SeoQuake akan menolong Anda dalam mengoptimalkan halaman web Anda terhadap mesin pencari. Memberi Anda SeoBar yang memiliki banyak pilihan yang berhubungan SEO dan sangat berguna untuk Anda. Ekstensi ini akan menolong Anda dalam mengidentifikasi masalah yang berhubungan dengan pengindeksan search engine di halaman web Anda.

Platypus

Hands down, Platypus adalah salah satu ekstensi Firefox terbaik berguna dalam memodifikasi halaman web. Platypus bekerja dengan Greasemonkey semacam WYSIWYG dan hal tersebut akan menilik suntingan Anda saat Anda mendatangi halaman web lagi. Anda bisa menggunakannya untuk bereksperimen dengan berbagai variasi desain web.

FireShot

FireShot adalah add-on Firefox yang membuat tangkapan layar halaman web Anda. Yang unik mengenai plugin ini yaitu mampu memberi Anda satu set perangkat edit dan anotasi untuk bekerja dengan screenshot Anda. Hal ini dapat menjadi ekstensi praktis dalam mempresentasikan hasil kerja ke dalam portofolio Anda.

FireFTP

FireFTP adalah ekstensi Firefox yang disederhanakan untuk mengunggah file ke server. Menawarkan beberapa keuntungan untuk software FTP mandiri, contohnya saja persyaratan sistem operasi independen. Pengaya peramban ini mempunyai semua fitur yang Anda harapkan dari software mandiri.

Measure It

Measure It adalah add-on yang memberi Anda penggaris bawaan berguna dalam mengukur bagian halaman web. Measure It sangat bagus untuk memahami dimensi hal-hal pada halaman web.

Total Validator

Ekstensi dari Total Validator adalah alat validasi menyeluruh yang akan mengecek HTML, tautan, ambil tangkapan layar, dan berfungsi lebih banyak lagi. Selain itu, Total Validator dapat melakukan validasi aksesibilitas (WCAG, US-508), pemeriksaan tautan rusak, pemeriksa ejaan (dalam lima bahasa berbeda), dan mengambil tangkapan layar melalui berbagai browser web dan sistem operasi untuk melihat bagaimana tampilan halaman web Anda.

Firebug

Firebug dirasakan sebagai alat developer utama untuk Firefox. Anda diberi tools web developer dan dipakai dari dalam browser Anda. Kegunaan lainnya adalah Anda dapat menjelajahi, mengedit, men-debug, memonitor CSS,/HTML bahkan JavaScript secara real-time di halaman web mana saja.

Demikian ulasan yang dapat kami sampaikan kepada Anda. Jadi Firefox Add-ons manakah yang akan Anda gunakan?

10 Situs Web Untuk Membantu Anda Mempelajari Pengembangan Web Online

Jika Anda menggali untuk belajar pengembangan web online, terdapat lebih dari lumayan sumber daya di luar sana guna mengajarkan Anda seluruh yang butuh Anda ketahui.

Bahkan, tidak sedikit (jika tidak beberapa besar) developer web di dunia ketika ini telah mengenalkan karier yang berhasil dengan mempelajari pengembangan web secara online dari awal. Tetapi bahkan semua pemula yang sangat ambisius juga menghadapi masalah dalam menyimpulkan dari mana mesti memulai. Di bawah ini kita akan mengejar pilihan kami guna 10 website web teratas untuk menolong Anda mempelajari pengembangan web secara online.

Mengapa Belajar Pengembangan Web Online

Sebagai developer web, kredibilitas kita lebih tidak sedikit tentang kekuatan portofolio kita daripada mengenai kredensial Anda. Peluang kerja kita akan tidak jarang datang dari kemampuan konkret dan sampel kegiatan Anda daripada gelar dari universitas. Bukannya edukasi perguruan tinggi yang tepat tidak urgen atau berharga sebagai developer web. Sebaliknya, ini menuliskan bahwa andai menghadiri universitas tidak terdapat dalam kartu, Anda bisa mempelajari seluruh yang butuh Anda ketahui mengenai pengembangan web secara online. Industri pengembangan web terus tumbuh secara eksponensial sampai-sampai Anda tidak bakal menemukan kelemahan sumber daya. Yang sangat penting guna dilakukan ialah memulai.

Kumpulan ini seharusnya membantu.

Team Treehouse

Team Treehouse ialah salah satu sumber belajar online terkemuka guna pengembangan web. Dengan paket dasar mulai dari $ 25 per bulan, Anda bisa mempunyai akses ke kursus video yang dipimpin oleh berpengalaman dan sesi pelajaran interaktif.

Mereka bahkan menawarkan program Techdegree untuk menolong Anda mengawali karier baru melulu dalam 3 sampai 12 bulan. Di samping mempelajari kemampuan praktis, program ini pun membantu membina portofolio yang siap kerja. Metode pengajaran mereka mencakup pemakaian video, kuis interaktif dan kendala kode.

Lynda.com + Pembelajaran LinkedIn

Lynda.com sudah ada selama sejumlah saat. Sekarang seluruh kursus dari Linda.com telah digabungkan dengan wawasan LinkedIn untuk empiris belajar yang lebih pribadi. Alih-alih membawa Anda melewati trek tertentu, website ini menawarkan sebanyak besar kursus di sekian banyak bidang termasuk nyaris seribu kursus guna pengembangan web. Setiap kursus dibagi menjadi serangkaian video yang disertai dengan misal walk-through dan kode sampel ketika diperlukan. Jadi, Anda bisa dengan gampang terjun ke dalam mempelajari apa pun cocok dengan kecepatan kita sendiri. Anda menemukan akses tak terbatas ekuivalen $ 29 sebulan.

Udemy

Udemy ialah raksasa pembelajaran online yang menawarkan lebih dari 80.000 kursus online dalam sekian banyak kategori tergolong pengembangan web. Setiap kursus yang ditawarkan dalam suatu kelompok termasuk akses tidak terbatas ke serangkaian video ceramah oleh instruktur tertentu. Plus, Anda tidak jarang kali dapat berinteraksi dengan komunitas murid Udemy untuk pertolongan dan persahabatan ekstra. Anda menunaikan setiap kursus secara terpisah namun Anda dapat menyaksikan dulu sejumlah kuliah secara cuma-cuma untuk menyaksikan apakah tersebut tepat guna Anda. Dan kursus berkisar dari pemula sampai mahir. Semua dalam semua, ia menawarkan pembelajaran berbobot | berbobot | berkualitas tinggi guna pengembangan web.

Codeacademy

Codeacademy ialah situs pembelajaran online berbasis kursus yang meluangkan pendekatan menarik untuk mempelajari kode. Bagi mulai belajar, Anda mesti memilih jalur (seperti pengembangan web). Setiap jalur merangkum pelajaran yang dibuka dengan dasar-dasar dan selesai dengan software praktis lanjutan. Setiap pelajaran merangkum instruksi tertulis yang menolong Anda mencatat kode aktual yang berkembang dengan masing-masing pelajaran. Ini ialah pendekatan “belajar dengan melakukan” yang bagus yang dilaksanakan seseorang dengan kecepatannya sendiri.

Mereka pun menawarkan apa yang mereka sebut Codeacademy Pro Intensives untuk membawa pembelajaran kita ke tingkat selanjutnya dengan meluangkan program yang akan menyerahkan hasil yang siap kerja. Misalnya, kita dapat membina proyek dunia nyata dan menemukan umpan balik developer profesional.

Dokumen Web MDN (gratis)

MDN Web Docs ialah sumber daya online berharga yang diciptakan oleh komunitas terbuka developer yang dimodernisasi secara rutin oleh karyawan Mozilla, Apple, Google, & Microsoft. Anda bisa dengan mudah menggali apa yang kita cari dan mengejar penjelasan pragmatis dari semua profesional yang kredibel. Mereka bahkan memasukkan seluruh latihan untuk belajar pengembangan web.

Blog Hacks mereka pun adalahreferensi yang bagus guna industri pengembangan web.

Proyek Odin (Gratis)

Proyek Odin ialah tempat yang tepat untuk mengawali karir kita dalam pengembangan web dengan pendekatan kurikulum stack sarat yang didukung oleh komunitas open source. Kurikulum terdiri dari kelompok tutorial, blog, dan kursus online. Sebagai contoh, terdapat kursus pengembangan web yang terdiri dari latihan yang dibuka dan dasar-dasar dan selesai dengan kita membangun software web praktis. Jadi, Anda bakal memiliki peluang untuk membina proyek yang pantas portofolio bareng komunitas pengembang.

Coursera

Coursera ialah penyedia terbesar MOOCs (kursus online tersingkap besar-besaran). Coursera sebetulnya bermitra dengan universitas terkemuka (seperti Stanford, Princeton dan Yale) guna memberi kita akses ke kursus online tingkat tinggi. Anda dapat mendapatkan gelar dalam sekian banyak bidang tergolong Ilmu Komputer. Ada model yang lebih konsentrasi pada sistem sesi kursus tetap yang memerlukan pendaftaran. Anda seringkali dapat mengawali kursus dengan uji coba cuma-cuma 7 hari namun akan butuh membayar ongkos bulanan guna melanjutkan.

Codewars

Codewars ialah salah satu website web kendala pengkodean yang lebih populer yang memungkinkan Anda guna menguasai kemampuan pengembang web dengan memecahkan kendala dalam bahasa pemrograman opsi Anda. kita bahkan dapat mencocokkan solusi kita dengan yang lain guna pemahaman yang luar biasa.

WPsessions

WPsessions ialah tempat pelatihan developer web online dengan konsentrasi pada WordPress. Ada metode guna mengajarkan kita semua kemampuan yang diperlukan untuk membina situs web WordPress profesional melewati sesi pribadi dan kursus lengkap. Anda dapat mendapatkan akses menyeluruh ke seluruh konten pelatihan melulu dengan $ 15 per bulan.

Codeschool (sekarang Pluralsight)

Pluralsight menawarkan platform online yang menarik untuk mengasah kemampuan coding Anda guna pengembangan web. Yang unik mengenai Pluralsight ialah memungkinkan kita untuk memungut penilaian Pluralsight IQ guna mengidentifikasi kesenjangan dalam pengetahuan Anda sampai-sampai Anda bisa berkonsentrasi pada pembelajaran melulu keterampilan yang kita butuhkan. kita bahkan bisa memilih jalur pembelajaran guna membantu beri panduan pengalaman belajar Anda, namun mereka pun mempunyai kursus yang berdiri sendiri. Anda bisa mengujinya dengan uji coba cuma-cuma dan keanggotaan individu mereka mulai dari $ 35 per bulan.

Lebih Banyak Tempat guna Belajar Pengembangan Web

Sangat susah untuk mempersempit susunan ini menjadi melulu 10, jadi di sini terdapat lebih tidak sedikit sumber daya guna Anda periksa.

  • edx.org
  • Akademi Khan (Gratis)
  • freecodecamp.org (Gratis)
  • codecollege.ca
  • code.tutsplus.com/
  • W3schools.com (Gratis)
  • css-tricks.com (blog)
  • Codrops (Gratis)
  • Codeavengers.com
  • developers.google.com/web (Gratis)
  • sitepoint.com (blog)
  • davidwalsh.name (blog)
  • academy.microsoft.com

Ketika datang untuk mengawali karir dalam pengembangan web, memulai dapat menjadi unsur tersulit. Tetapi begitu kita melakukannya, Anda barangkali akan terkejut betapa tidak sedikit yang bisa Anda pelajari melulu dalam satu hari dengan sumber daya online yang tersedia. Maka itu melulu masalah menguasai kemampuan Anda mengarah ke karier baru Anda. Semoga sumber daya developer web ini dapat menolong Anda sepanjang jalan.

Jangan ragu guna membagikan sejumlah sumber daring kesayangan Anda di komentar di bawah.