Tips Untuk Meningkatkan Kecepatan Website

Karena kecepatan koneksi internet rata-rata meningkat di seluruh dunia dan penggunaan seluler mendominasi, pengguna web menjadi semakin tidak toleran terhadap waktu buka yang lambat. 53% pengguna ponsel akan meninggalkan situs web yang membutuhkan waktu lebih dari tiga detik untuk memuat, dan hampir 10% pengguna web akan bangkit setelah 2 detik. Jelas, setiap detik penting.

Pada saat yang sama, Google telah menyatakan dengan tegas bahwa kecepatan halaman adalah faktor peringkat dalam hasil pencarian.

Tidak ada keraguan tentang itu – masalah kecepatan situs web.

Singkatnya, situs cepat mendapatkan hasil yang lebih baik dari pengunjung dan Google. Untuk memanfaatkan manfaat ganda ini, Anda perlu menjadikan kecepatan situs sebagai prioritas di situs Anda. Berikut ini adalah poin untuk mengintensifkan kecepatan memuat situs web:

Optimalkan Gambar Anda:

Salah satu cara terbaik dan termudah untuk membuat halaman Anda dimuat lebih cepat adalah mengoptimalkan gambar Anda. Proses pengoptimalan gambar dua langkah yang cepat ini dapat membantu mempercepat situs web Anda.

(1) Ubah ukuran gambar Anda sebelum mengunggahnya.
(2) Kompres gambar Anda.

Lakukan Pembersihan Plugin:

Perlu diingat, setiap plugin yang Anda tambahkan membutuhkan sumber daya untuk dijalankan – dan lebih banyak sumber daya berarti situs yang lebih lambat. Jika Anda melihat situs Anda berjalan lambat, lakukan tinjauan plugin.

Buka daftar dan kenali plugin yang Anda tidak benar-benar gunakan atau yang tampaknya tidak menambahkan sesuatu yang bermanfaat untuk kinerja situs Anda. Silakan dan singkirkan ini.

Pastikan Skrip Situs Anda Mutakhir:

Bergantung pada platform CMS atau e-commerce yang digunakan situs Anda, Anda mungkin perlu memeriksa kembali secara teratur untuk menentukan apakah rilis baru skrip situs Anda tersedia.

Jika ya, perbarui situs Anda sesegera mungkin. Memperbarui skrip Anda ke versi terbaru bisa sangat membantu menghilangkan penghalang kode yang mencegah situs Anda memuat dengan cepat.

Manfaatkan CDN:

Content Delivery Networks, atau CDNs, adalah jaringan server yang luas yang bertempat di seluruh dunia. Biasanya, jika Anda tidak menggunakan CDN, maka situs Anda akan memuat dari lokasi pusat server hosting web Anda untuk setiap pengunjung ke situs Anda.

Ini dapat menyebabkan kecepatan situs yang lambat, terutama jika pengunjung Anda berada jauh dari lokasi pusat server Anda.

CDN menyelesaikan masalah ini dengan membiarkan pengguna Anda mengakses versi cache situs Anda dari host web yang terdekat dengan mereka. Lebih baik lagi, jika salah satu lokasi server Anda kelebihan beban, mereka dapat dialihkan ke lokasi server baru, memastikan kecepatan lebih cepat di sekitar.

Aktifkan Caching Browser:

Caching peramban adalah teknologi yang memungkinkan peramban pengunjung untuk menyimpan salinan halaman individual situs Anda sehingga ketika pengunjung kembali di masa mendatang, konten dapat dipanggil dari dalam cache alih-alih memuat kembali seluruh halaman.

Ini menghemat jumlah sumber daya yang digunakan untuk menampilkan halaman Anda, menghasilkan waktu pemuatan keseluruhan yang lebih cepat untuk pengunjung Anda.

Simpan file CSS di Atas dan JavaScript di Bawah:

Terakhir, jaga agar kode situs Anda tetap rapi dan rapi dengan menambahkan file CSS ke bagian atas kode halaman Anda dan cuplikan JavaScript di bagian bawah saat bekerja dengan halaman HTML mentah.

Menambahkan file CSS Anda ke bagian atas halaman melarang render progresif, menghemat sumber daya yang akan digunakan browser web untuk memuat dan menggambar ulang elemen halaman Anda.

Menambahkan JavaScript ke bawah mencegah halaman Anda menunggu eksekusi kode lengkap sebelum memuat – yang mengarah pada pengalaman menjelajah yang lebih cepat bagi pengunjung Anda.

Minimalkan dan Optimalkan Pengalihan:

Terkadang pengalihan diperlukan, tetapi jika mereka menggunakan lebih dari yang dibutuhkan, mereka dapat memperlambat waktu pemuatan halaman. Secara teratur periksa tautan di situs web Anda untuk memastikan bahwa semua tautan Anda – internal dan eksternal – langsung menuju ke URL utama untuk satu halaman.

Dalam kasus di mana Anda perlu menggunakan arahan ulang, pastikan Anda hanya menggunakan satu arahan ulang untuk satu halaman. Anda tidak pernah ingin browser harus melakukan pekerjaan redirect pengunjung dari satu halaman ke halaman lain yang mengarahkannya ke halaman ketiga.

Tingkatkan Hosting Web Anda:

Saat memulai, Anda mungkin memilih opsi hosting termurah untuk situs web Anda. Itu normal dan biasanya bekerja cukup baik untuk situs web baru saat Anda mulai membangun visibilitas dan lalu lintas.

Jika lalu lintas situs web Anda telah meningkat secara signifikan dan Anda belum memutakhirkan paket hosting Anda untuk mencocokkan, itu kemungkinan akan menyebabkan masalah kinerja yang lambat atau buruk.

Beralih dari shared hosting ke cloud hosting, atau dari shared ke VPS, dapat membuat perbedaan besar pada seberapa cepat situs web Anda memuat pengunjung.

Adaptif Desain vs. Responsif

Perbedaan antara desain responsif dan adaptif mendekati menyoroti opsi penting bagi kami sebagai desainer web dan aplikasi. Memilih dengan wawasan dapat memberdayakan Anda untuk merencanakan dan melaksanakan desain Anda dengan tujuan, tujuan, dan hasil yang lebih baik.

Dengan pervasiveness dan keragaman perangkat mobile, sebagai desainer kita perlu memenuhi berbagai ukuran layar. Ini adalah tantangan yang dihadapi setiap desainer web dan aplikasi. Dari monitor perusahaan raksasa hingga jam tangan pintar, ada sejumlah besar cara pengguna dapat mengakses informasi online hari ini. Desainer yang ingin menjembatani kesenjangan antara perangkat memiliki dua opsi untuk desain mereka: situs adaptif atau situs responsif.

Ada sejumlah kebingungan mengenai perbedaan antara desain responsif dan desain adaptif. Batas-batas mungkin tampak kabur bagi mereka yang tidak memiliki pengalaman gaya desain, tetapi ada perbedaan yang jelas ketika Anda melihat lebih dekat pada keduanya.

Responsive Design

Istilah Desain Responsif pertama kali diciptakan oleh desainer dan pengembang web Ethan Marcotte dalam bukunya, Desain Web Responsif. Desain responsif merespons perubahan lebar browser dengan menyesuaikan penempatan elemen desain agar sesuai dengan ruang yang tersedia.

Situs web responsif menampilkan konten berdasarkan ruang browser yang tersedia. Jika Anda membuka situs responsif di desktop dan kemudian mengubah ukuran jendela browser, konten akan bergerak secara dinamis untuk mengatur dirinya sendiri (setidaknya secara teori) secara optimal untuk jendela browser. Pada ponsel, proses ini otomatis; situs memeriksa ruang yang tersedia dan kemudian menampilkan dirinya dalam pengaturan yang ideal.

Desain responsif sangat mudah. Karena itu cairan, itu berarti bahwa pengguna dapat mengakses dunia online Anda dan menikmati sebanyak itu di perangkat genggam mereka seperti pada monitor besar. Agar hal ini benar, desain responsif membutuhkan konseptualisasi situs yang sangat baik dan pengetahuan mendalam tentang kebutuhan dan keinginan pengguna akhir!

Desain Web Adaptif

Adaptive Web Design diperkenalkan pada 2011 oleh desainer web Aaron Gustafson dalam bukunya, Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement. Ini juga dikenal sebagai peningkatan progresif situs web.

Di mana desain responsif bergantung pada perubahan pola desain agar sesuai dengan real estat yang tersedia, desain adaptif memiliki beberapa ukuran tata letak tetap. Ketika situs mendeteksi ruang yang tersedia, ia memilih tata letak yang paling sesuai untuk layar. Jadi, ketika Anda membuka browser di desktop, situs memilih tata letak terbaik untuk layar desktop itu; mengubah ukuran browser tidak berdampak pada desain.

Beberapa situs dengan cepat merangkul desain adaptif. Amazon, USA Today, Apple, dan About.com mengonfigurasi diri mereka menjadi situs web yang dioptimalkan untuk seluler. Lihatlah ini. Perhatikan bahwa tata letak yang ditampilkan di situs web seluler menggunakan desain adaptif mungkin berbeda dari versi desktop. Namun, ini karena para desainer telah memilih tata letak yang berbeda untuk layar ponsel daripada meninggalkan desain untuk mencoba mengatur ulang sendiri.

Dalam desain adaptif, normal untuk mengembangkan enam desain untuk enam lebar layar paling umum; 320, 480, 760, 960, 1200, dan 1600 piksel.

Desain Seluler Standalone

Ada juga opsi untuk membuat situs web hanya seluler (ini biasanya dilambangkan di bilah URL peramban menggunakan awalan “m.”). Opsi ini dulunya merupakan pendekatan yang sangat baik. Desainer akan membuat situs untuk perangkat seluler, menyesuaikan elemen dan tata letak untuk format khusus. Google memberikan peringkat mesin pencari ke situs seluler, tetapi hari ini preferensi yang sama diberikan kepada situs adaptif dan responsif.

Kelemahan besar dari membuat situs yang terpisah (daripada menggunakan desain yang berbeda atau menggunakan desain yang dapat diubah) adalah bahwa ia membutuhkan pemeliharaan yang jauh lebih banyak untuk menjaga kedua versi situs web menjadi homogen. Dengan tidak ada insentif khusus untuk melakukan ini, desain mobile-only telah tidak disukai dalam beberapa kali. Tampaknya tidak mungkin akan kembali lagi dalam waktu dekat.

Memilih Antara Desain Responsif dan Adaptif

Desain responsif lebih mudah dan membutuhkan lebih sedikit pekerjaan untuk diimplementasikan. Ini memberi sedikit kontrol atas desain Anda pada setiap ukuran layar, tetapi sejauh ini metode yang disukai untuk membuat situs baru saat ini. Ini mungkin juga ada hubungannya dengan sejumlah besar template murah yang tersedia untuk sebagian besar Sistem Manajemen Konten (CMS) seperti WordPress, Joomla, dll. – lagipula, siapa yang ingin menciptakan kembali roda?

Desainer responsif membuat desain tunggal untuk digunakan pada semua layar dan umumnya akan dimulai di tengah-tengah resolusi dan menggunakan kueri media untuk menentukan penyesuaian apa yang akan dilakukan untuk ujung skala resolusi yang lebih rendah dan lebih tinggi. Ini cenderung membuat pengguna senang, karena desain web yang akrab itu tampaknya dijamin untuk diterjemahkan ke layar perangkat apa pun. Keseragaman dan kelancaran adalah pertimbangan penting dalam memberikan pengalaman pengguna yang baik.

Penting untuk mengawasi hierarki visual proyek desain responsif; Anda ingin mencoba mempertahankan ini ketika elemen Anda mengocok di sekitar layar. Itu berarti banyak pengujian dengan banyak perangkat yang berbeda untuk memastikan bahwa Anda mengirimkan barang. Jika desain untuk situs relatif sederhana, itu akan menerjemahkan dengan baik di layar perangkat, mengalir seperti cairan dari wadah ke wadah.

SEO adalah argumen besar lainnya untuk menggunakan desain responsif. Situs yang menggunakan desain responsif (mis., Situs dengan URL yang melayani semua perangkat) saat ini lebih ramah mesin pencari.

Desain responsif tampaknya memiliki kasus yang kuat untuk digunakan. Yah, mungkin saja; Namun, perhatikan hal berikut:

  • Karena situs web Anda akan “mengalir” dari satu perangkat ke perangkat lainnya, menyesuaikan dengan ukuran layar, iklan apa pun yang Anda tambahkan mungkin tidak cocok dengan ruang tersebut. Tiba-tiba, “jalan pintas” yang ditawarkan dengan menggunakan desain responsif mungkin perlu dipikirkan ulang dan bekerja.
  • Waktu unduhan bervariasi antara desktop dan perangkat seluler. Fleksibilitas gambar merupakan pertimbangan besar di sini. Desain besar yang muncul dengan cepat di layar lebar di rumah atau di kantor membutuhkan lebih banyak waktu (dan data) untuk muncul di ponsel Anda. Mungkinkah pratinjau yang lebih kecil lebih baik untuk versi seluler?

Desain adaptif akan (secara teoritis) memastikan pengalaman pengguna terbaik sesuai dengan perangkat apa pun yang digunakan pengguna untuk antarmuka. Tidak seperti desain responsif, di mana layar “mengalir” dari desain desktop ke perangkat yang lebih kecil, desain adaptif menawarkan solusi yang dibuat khusus. Seperti namanya, mereka beradaptasi dengan kebutuhan dan kemampuan situasional pengguna. Sebagai desainer, kami dapat menunjukkan kepada pengguna bahwa kami selaras dengan kebutuhan mereka pada perangkat seluler dengan membuat desain kami ramah sentuhan. Sementara itu, kita dapat melakukan hal yang sama untuk pengguna desktop. Kami mulai pada versi resolusi terendah dari situs dan terus ke tingkat tertinggi. Enam desain adalah standar saat ini, tetapi tergantung pada data pengguna Anda, Anda mungkin dapat menggunakan lebih sedikit desain.

Kekuatan dari desain adaptif adalah bahwa ia terasa lebih relevan dengan pengalaman pengguna modern, sedangkan desain responsif menunjukkan pendekatan desktop-centric yang lebih (dengan tuntutan perangkat lain mengambil tempat kedua, hampir pasif). Sebagai pengguna, kami keluar dan banyak lagi tentang perangkat pintar kami. Kami senang merasa bahwa perangkat kami mengetahui apa yang sedang kami alami. Mari kita ambil contoh literal; jika Anda mengemudi melalui terowongan yang panjang, bukankah Anda lebih suka memiliki layar GPS yang beradaptasi dengan lingkungan dan menyesuaikan kecerahannya? Kinerja dan kegunaan berbasis konteks meyakinkan, pada saat yang sama menegaskan bahwa perangkat pintar Anda cukup pintar untuk beradaptasi dan menjadi lebih berguna.

Anda juga dapat merancang untuk mengoptimalkan iklan untuk antarmuka pengguna yang relevan dengan desain adaptif. Karena Anda mendesain untuk resolusi yang berbeda (mis., Bidang pandang yang berbeda), Anda dapat mengakses kebutuhan spesifik pengguna Anda. Kecanggihan sensor dalam, katakanlah, smartphone memungkinkan perusahaan (dan kami desainer) untuk mengetahui lebih banyak tentang pengguna kami daripada sebelumnya. Seorang pengguna sering mengunjungi toko, restoran, pusat kebugaran, dll. – dengan memeriksa di sana, ia membuat profil. Dari ini (penargetan perilaku, atau dikenal sebagai personalisasi), kami dapat merancang iklan yang disetel dengan halus.

Keuntungan lain – penelitian menunjukkan bahwa perusahaan dengan situs web adaptif akan sering mengungguli, pada tes kecepatan, perusahaan dengan situs web responsif. Ini juga bukan perbedaan kecil; situs adaptif seringkali 2-3 kali lebih cepat daripada yang responsif dan memberikan data yang lebih sedikit kepada pengguna untuk memberikan pengalaman pengguna.

Desain adaptif memiliki beberapa kelebihan yang kuat. Namun, dalam permainan mendesain untuk pengalaman pengguna terbaik dan memberikan solusi terbaik, kita harus ingat bahwa kita harus meluangkan waktu untuk memeriksa opsi dan realitas pengguna kita.

Ada kekurangan untuk desain adaptif. Pertama, biasanya lebih banyak pekerjaan daripada membuat desain responsif. Karena alasan itu, sebagian besar desain adaptif digunakan untuk memperbaiki situs yang ada agar dapat digunakan pada banyak perangkat. Maka, tampaknya urutan bisnis pertama adalah memperbarui situs tradisional dengan memungkinkan mereka menjangkau lebih banyak perangkat.

Kedua, desain adaptif dapat membuat pengguna “di tengah”. Pengguna tablet atau netbook mungkin dibiarkan “menggantung” karena desainer hanya melayani pengguna desktop dan smartphone. Oleh karena itu, penting untuk menawarkan tautan agar pengguna beralih di antara versi.

Terakhir, sementara bot mesin pencari semakin baik dalam menyaring dan memilah-milah hit untuk membedakan antara situs “.com” dan situs “m .com” Anda, sebaiknya menerima status quo. Sebagian besar mesin pencari masih tidak memberi peringkat konten yang identik pada beberapa URL secara merata. Itu berarti menjadi sadar bahwa desain adaptif dapat membuat Anda tetap kembali pada SEO.

Jadi, sementara ada preferensi pasti untuk desain responsif saat ini, jangan abaikan desain adaptif jika Anda memiliki anggaran. Google menyukai situs web yang memuat dengan cepat, seperti halnya pengguna.

The Take Away

Desain web modern memberi kita tiga opsi untuk digunakan: Desain Responsif, Adaptif, dan Standalone, meskipun standalone tidak digunakan lagi.

Desain Responsif memungkinkan desainer menampilkan konten berdasarkan ruang browser yang tersedia. Ini memungkinkan konsistensi antara apa yang ditampilkan situs di desktop dan apa yang ditampilkan di perangkat genggam. Desain responsif adalah pilihan “tradisional” dan tetap menjadi pendekatan yang lebih populer hingga saat ini.

ProsCons
Uniform & seamless = good UX.Abundance of templates to use.SEO friendly.Often easier to implementLess screen size design control.Elements can move aroundAdvertisements lost on screen.Longer mobile download times.

Adaptive Design, yang dikembangkan pada 2011, lebih terlibat dalam hal perancang memiliki beberapa ukuran tata letak yang tetap. Ini menawarkan alternatif untuk pendekatan “one-size-stretches-to-all”.

ProsCons
Allows designers to build the best UX for the appropriate device.Mobile devices can sense their user’s environment.Designers can optimize advertisements based on user data from smart devices.Labor-intensive to create – most adaptive designs are retrofitting traditional sites to make them more accessible.Tablets and netbooks can have trouble with site configuration tending to be smartphone- or desktop-oriented.Challenging to SEO — Search engines have trouble appreciating identical content on multiple sites.

Memilih antara desain responsif dan adaptif perlu dipertimbangkan dengan cermat. Meskipun mungkin bijaksana untuk tetap berpegang pada desain responsif demi kepentingan (menghemat biaya, meningkatkan SEO, dan menjaga konten pengguna dengan pengalaman yang mulus antara perangkat), penting untuk memeriksa pro dan kontra dari kedua desain secara penuh. Desain adaptif dapat disesuaikan dengan kebutuhan beragam pengguna di lapangan; oleh karena itu, sangat penting untuk menjaga denyut nadi perubahan.

Kita mungkin menggambarkan perubahan ini sebagai evolusi. Charles Darwin mencatat bahwa individu dalam spesies yang bertahan hidup bukanlah yang terkuat atau terpintar, tetapi mereka yang paling mudah beradaptasi terhadap perubahan. Kami hanya memiliki dinosaurus untuk mempertimbangkan hal itu.

Pikirkan produk atau layanan Anda. Apakah itu mengakses pengguna dalam pengaturan tertentu? Ada apa dengan perilaku mereka yang dapat Anda gunakan untuk membuat mereka tetap mendapatkan informasi dan bertunangan? Ingat, bukan hanya perangkat seluler yang semakin pintar. Di rumah dan kantor kami, kami memiliki lebih dari desktop tradisional. Sekarang, berbagai perangkat pintar merasakan dan bereaksi terhadap lingkungan, dari jam dan pemanas hingga sejumlah perangkat yang terdiri dari “Internet of Things”. Ini adalah zaman yang penuh dengan benda-benda cerdas. Kita harus merancang dengan kecerdasan itu dalam pikiran.

Bagaimana Mengubah Karir dari Desain Web ke Desain UX

Mengubah karier tidak sesulit yang biasanya terjadi, terutama jika Anda memiliki sumber daya yang tepat untuk membantu Anda melakukan perubahan. Bagi banyak perancang web, sekarang adalah waktu yang tepat untuk beralih ke desain UX. Untuk memulainya, ada dorongan moneter yang datang dengan perubahan karier. Menurut PayScale, perancang web di AS memperoleh rata-rata $ 46.000 per tahun (1), sementara perancang UX di sisi lain menghasilkan $ 74.000 (2) yang cukup besar. Kedua, peluang kerja untuk desainer UX sedang booming: CNN melaporkan bahwa total 3.426.000 pekerjaan desain UX akan dibuat di AS sendiri dalam 10 tahun ke depan (3). Lebih jauh, desain UX adalah pekerjaan yang bermakna, tidak hanya karena Anda dapat mengerjakan suatu produk dari dalam ke luar, tetapi juga karena — seperti yang diperlihatkan DMI — desain UX memberikan dampak signifikan pada bisnis, dengan bisnis berbasis desain UX mengungguli Indeks S&P sebesar 228% (4). Jadi, di mana Anda menemukan sumber daya yang tepat untuk membantu Anda mengubah karier? Mengapa, Anda sedang membacanya sekarang.

Untuk memulainya, mari kita perkenalkan secara singkat apa yang kami maksud dengan “Pengalaman Pengguna”. Produk memiliki pengguna, dan pengalaman pengguna (UX) hanyalah pengalaman pengguna dari menggunakan produk tertentu. Sejauh ini bagus?

Apa itu Pengalaman Pengguna dan Desain Pengalaman Pengguna?
Desain UX adalah seni merancang produk sehingga memberikan pengalaman pengguna yang optimal. Jika uraian ini terdengar luas, itu karena sifat desain UX cukup luas. Membangun UX yang optimal mencakup pemahaman tentang psikologi, desain interaksi, penelitian pengguna, dan banyak disiplin ilmu lainnya, tetapi di atas itu semua adalah proses pemecahan masalah yang berulang (tetapi lebih lanjut tentang itu nanti).

Secara umum, pengalaman pengguna dapat dibagi menjadi 3 komponen: tampilan, rasa, dan kegunaan.

Tampilan produk adalah tentang menggunakan visual untuk menciptakan rasa harmoni dengan nilai-nilai pengguna, dan yang menciptakan kredibilitas dan kepercayaan dengan pengguna. Ini tentang menciptakan produk yang tidak hanya terlihat bagus, tetapi juga terlihat benar.

Perasaan itu, kemudian, melibatkan membuat pengalaman menggunakan produk senyaman dan semenyenangkan mungkin. Itu dibangun dengan menyusun interaksi antara pengguna dan produk, serta reaksi yang mereka miliki ketika (dan setelah) menggunakan produk.

Terakhir, kegunaan mendasari pengalaman pengguna. Sederhananya, jika suatu produk tidak dapat digunakan, tidak ada banyak ketampanan yang bisa menyelamatkannya, dan satu-satunya perasaan yang akan dirasakan pengguna adalah kemarahan dan frustrasi. Idealnya, produk harus disesuaikan dengan kebutuhan pengguna, dan memberikan fungsionalitas dengan cara yang dapat diprediksi.

Jika Anda masih tidak yakin apakah desain UX menarik bagi Anda, kami memiliki beberapa artikel yang membantu memperkenalkan beberapa bagian penting dari UX sebagai karier:

Apa yang Dimiliki oleh Desain Web dan Desain UX?

Judul pekerjaan “Desainer Web” memiliki banyak definisi, dan memang, apa yang desainer web lakukan sangat tergantung pada apa yang dibutuhkan klien atau proyek. Beberapa desainer web hanya membuat desain visual dan / atau prototipe interaktif kesetiaan tinggi dari situs web, dan menyerahkan pengkodean situs web kepada pengembang front-end dan back-end. Namun, sebagian besar perancang web terlibat dengan mendesain dan mengembangkan (front-end) situs web. Beberapa desainer web bahkan secara teratur melakukan riset dan pengujian pengguna sebagai bagian dari pekerjaan mereka (dan jika Anda salah satu dari mereka, Anda sudah hampir siap untuk pekerjaan dalam desain UX).

Namun apa pun pekerjaan Anda sebagai perancang web, berikut adalah beberapa aspek desain web yang juga dapat ditemukan dalam desain UX.

Penyelesaian masalah

Desainer web berupaya memecahkan masalah bagi klien mereka; Desainer UX berupaya memecahkan masalah bagi penggunanya. Desainer web bekerja dengan proses pemecahan masalah: pertama, mereka mencari tahu masalah yang dimiliki klien mereka, kemudian merancang solusi web untuk mereka, dan kemudian melanjutkan untuk mengembangkan dan menguji situs web sebelum merilisnya. Dan setelah situs web diluncurkan, perancang web sering terlibat dengan pengujian lebih lanjut situs, mengumpulkan umpan balik dari pengguna, dan kemudian mengulangi kembali pada desain.

Proses penyelesaian masalah berulang ini mirip dengan proses desain UX (ditunjukkan pada gambar di bawah). Desainer UX mulai dengan riset pengguna; penting untuk mengenal calon pengguna suatu produk dan mencari tahu apa masalahnya, bagaimana menyelesaikannya dan bagaimana membuat pengguna menginginkan dan / atau membutuhkan solusi itu. Penelitian pengguna sering dilakukan melalui wawancara pengguna, pengamatan, studi demografis, penyusunan cerita dan kepribadian pengguna, dll. Setelah itu, desainer UX akan membuat solusi desain yang memecahkan kebutuhan utama pengguna, dan sering membawa prototipe kembali ke pengguna untuk menguji validitasnya. atau kegunaan. Setelah produk diluncurkan, desainer UX mengumpulkan lebih banyak umpan balik pengguna, yang dimasukkan ke dalam babak baru penelitian pengguna, sehingga memulai proses lagi.

Jika Anda telah melakukan riset pengguna sebelumnya sebagai bagian dari pekerjaan perancang web Anda, Anda akan merasakan manfaatnya saat beralih ke desain UX. Jika tidak, jangan khawatir — Anda akan memiliki banyak kesempatan untuk mempelajari cara terbaik untuk melakukan riset pengguna (baca terus untuk mengetahui lebih lanjut).

Desain emosional

Saat mendesain situs web, desainer web sering menggunakan tipografi, warna, dan tata letak untuk membentuk emosi pengguna. Rasa kredibilitas dapat dibangun, misalnya, dengan menggunakan warna dan font serif yang lebih gelap; Demikian pula, rasa senang dapat dibuat menggunakan citra warna-warni dan tipografi lucu. Desainer web akrab dengan desain emosional; yaitu, menciptakan desain yang mendatangkan emosi dari pengguna. Desainer UX juga peduli dengan desain emosional, tetapi dalam skala yang lebih besar — ​​mereka peduli dengan memunculkan emosi dari pengguna sepanjang seluruh pengalaman mereka menggunakan suatu produk.

Untuk melakukan itu, desainer UX bekerja tidak hanya dengan tipografi dan warna, tetapi juga psikologi, desain gerak, kurasi konten, dan arsitektur informasi. Desainer web yang membuat perubahan akan memahami desain emosional UX secara bawaan; mereka hanya perlu mengambil pengetahuan baru di bidang lain untuk menambah kemampuan mereka untuk melakukannya pada gambar yang lebih besar.

Multidisiplin

Desain web adalah pekerjaan multi-disiplin, di mana Anda tidak hanya membutuhkan pengetahuan dalam desain (tipografi, teori warna) tetapi juga keterampilan dalam mengembangkan situs web (HTML, CSS, JavaScript). Beberapa desainer web juga terlibat dalam desain interaksi ketika mereka membuat kode untuk animasi dan interaksi menggunakan CSS dan / atau JavaScript. Desain UX juga merupakan bidang multi-disiplin, tetapi mungkin supercharged dalam arti itu. Desainer UX perlu memanfaatkan pengetahuan dari bidang psikologi, riset pengguna, desain visual, dan bahkan bisnis untuk menciptakan UX terbaik untuk produk mereka.

Perbedaan antara Desain Web dan Desain UX

Berfokus pada pengguna vs berfokus pada teknologi

Sebagian besar pekerjaan Anda sebagai perancang web dihabiskan untuk mengejar perkembangan terakhir dalam HTML, CSS, dan bahasa pengkodean lainnya — yang semuanya berubah dan meningkat dengan kecepatan yang memusingkan. Browser mana yang mendukung versi CSS apa? Apakah animasi CSS berfungsi di Safari di Mac? Bahkan tidak memulai saya di Internet Explorer! Ini mungkin beberapa pertanyaan (dan frustrasi) yang selalu ada di pikiran Anda sebagai perancang web. Namun desain UX tidak mementingkan teknologi. Alih-alih, fokusnya dipusatkan pada pengguna — teknologi hanyalah sarana bagi pengguna untuk mendapatkan apa yang mereka butuhkan. Hanya dengan berfokus pada pengguna, perancang UX dapat membuat solusi yang memenuhi kebutuhan spesifik yang mereka miliki, dan pada akhirnya, pengguna akan bersedia membayar. Perancang UX melakukan riset pengguna yang luas untuk mencari tahu sebanyak mungkin tentang pengguna mereka, yang sebagian besar perancang webnya tidak memiliki kesempatan untuk tampil.

UX lebih dari web

Desain UX adalah platform independen. Prinsip dan prosesnya diterapkan ke berbagai bidang di luar peramban web: pada aplikasi seluler, perangkat lunak desktop, dan bahkan produk perangkat keras dan ruang ritel. Di sisi lain, domain desain web sangat terkait dengan browser web. Ini berarti bahwa desainer UX dapat menemukan peluang kerja tidak hanya di bidang yang sedang naik daun seperti startup teknologi, tetapi juga di industri yang matang dan stabil seperti produsen mobil. Selama ada produk, ada kebutuhan untuk UX — dan ini benar-benar membuka peluang dunia Anda.

Manfaat Besar Pengalaman Desain Web saat Pindah ke Desain UX

Relevansi latar belakang desain web

Manfaat terbesar dari pindah dari desain web ke desain UX adalah jumlah tumpang tindih antara kedua bidang desain. Walaupun benar bahwa desain UX mencakup lebih banyak platform daripada browser web, sebagian besar pekerjaan desain UX masih dilakukan pada produk yang setidaknya sebagian berbasis web (pikirkan situs media sosial seperti Facebook dan Twitter, aplikasi web seperti Dropbox, dan layanan seperti Google). Tumpang tindih antara desain web dan desain UX lebih besar jika Anda telah melakukan beberapa bentuk penelitian pengguna atau proses berulang untuk terus meningkatkan situs web dengan data pengguna.

Menjadi fasih dalam desain dan terminologi pengkodean situs web juga akan memberi Anda dorongan yang tidak dapat diabaikan; Lagi pula, desain UX adalah proses kolaboratif di mana komunikasi sangat penting. Mampu menggunakan istilah industri saat berbicara dengan kolega Anda pasti akan menempatkan Anda di tempat yang lebih baik daripada seseorang yang berasal dari latar belakang non-desain.

Estetika

Kemampuan Anda untuk menciptakan estetika yang indah sebagai desainer web juga akan berguna ketika beralih ke desain UX. Pertama, estetika adalah alat yang hebat untuk menambah komunikasi Anda dengan para pemangku kepentingan internal. Sebagai perancang UX, Anda harus terus menyajikan temuan dan rekomendasi Anda kepada pemangku kepentingan internal (seperti CEO atau manajer produk), dan kemampuan Anda untuk membuat laporan dan presentasi yang menyenangkan secara visual akan memaksimalkan penyerapan poin-poin utama Anda.

Kedua, estetika memainkan peran penting dalam desain UX. Mitos umum dari desain UX adalah bahwa kegunaan yang hebat mengalahkan estetika — tetapi itu jauh dari kenyataan. Faktanya, penelitian terhadap lebih dari 2.500 peserta oleh Stanford Credibility Project menunjukkan bahwa hampir setengah dari mereka menilai kredibilitas situs web berdasarkan daya tarik visual mereka (5). Ini menunjukkan bagaimana estetika bekerja beriringan dengan faktor-faktor lain seperti kegunaan untuk menghadirkan pengalaman pengguna yang optimal dalam menggunakan suatu produk.

Cara Meningkatkan Keterampilan Anda untuk Melakukan Lompatan dari Desain Web ke Desain UX

Pindah dari desain web ke desain UX kadang-kadang bisa sangat mudah, terutama jika Anda telah melakukan beberapa aspek penelitian pengguna dalam pekerjaan Anda sebagai desainer web. Namun untuk desainer web lainnya, tidak ada alasan untuk khawatir. Anda akan dapat melakukan lompatan jika Anda telah menghabiskan waktu mempelajari UX, mempraktikkan beberapa keterampilan UX selama pekerjaan desain web Anda, dan membuat CV yang menunjukkan pemahaman Anda tentang desain UX. Jika Anda ingin tahu di mana harus belajar, ada banyak opsi yang tersedia untuk Anda, dan kami telah menyoroti beberapa yang terbaik di bawah ini.

Kursus online

Don Norman, ilmuwan kognitif yang menciptakan istilah “Pengalaman Pengguna”, menyebut Yayasan Desain Interaksi (ya, itulah kami) “tambang emas informasi tentang desain interaksi.” Majalah Forbes mengatakan bahwa kami menawarkan “pendidikan tingkat Liga Ivy di UX, Desain Produk atau Interaksi Komputer Manusia. ”Untungnya, pendidikan itu tidak pada tingkat harga Ivy League. Sebagai organisasi nirlaba, kami membebankan biaya tahunan yang rendah dan Anda mendapatkan akses tidak hanya untuk semua pembelajaran online kami, tetapi juga ke komunitas desain spesialis terbesar di dunia. Kami juga menawarkan perpustakaan teks akademik gratis dari para peneliti top industri desain.

Kami memiliki tiga program (di antara 32 penawaran kami saat ini) yang dirancang khusus untuk membantu orang memasuki dunia desain UX. Anda akan mempelajari semua area kerja UX dan keterampilan dasar untuk berlatih kerja UX di Menjadi Desainer UX dari Awal. Di Get Your First Job sebagai Desainer UX (atau Interaksi), Anda akan dapat mempelajari jenis pengalaman apa di UX yang paling dicari pemberi kerja, serta membuat surat lamaran, CV, dan portofolio yang akan membantu Anda mendapatkan sebuah wawancara untuk pekerjaan desain UX. Akhirnya, dalam Penelitian Pengguna – Metode dan Praktik Terbaik, pelajari praktik terbaik industri tentang cara melakukan penelitian pengguna yang tepat dan mengubah hasil penelitian Anda menjadi tindakan yang bermanfaat pada produk Anda.

Coursera

Anda mungkin juga ingin melihat Coursera yang merupakan sumber pembelajaran online yang bagus. Kursus mereka, seperti kursus kami, dikembangkan oleh para ahli terkemuka di bidangnya. Namun, tidak seperti kami, mereka tidak berspesialisasi dalam UX dan kursus mereka tidak selalu tersedia, tetapi ketika mereka, mereka dapat diakses biasanya dengan biaya tertentu (berdasarkan per kursus).

Udemy

Udemy menawarkan banyak pilihan kursus di hampir setiap bidang studi yang dapat Anda bayangkan. Udemy bukan penyedia pelatihan, melainkan broker pelatihan yang dibuat oleh orang-orang dari seluruh dunia. Dengan demikian, tidak ada banyak cara pengendalian kualitas yang diterapkan pada kursus mereka — sementara beberapa benar-benar brilian, banyak yang tidak.

Kursus Kelas Nielsen Norman Group

Jika Anda ingin memeriksa kursus kelas; kami merekomendasikan untuk tetap menggunakan “nama besar” industri yang memberikan pengalaman belajar yang andal dan berkualitas tinggi. Salah satu nama besar itu adalah Nielsen Norman Group yang juga merupakan salah satu konsultan UX paling terkenal; mereka menawarkan berbagai pelatihan berbasis ruang kelas di berbagai lokasi di seluruh dunia. Itu tidak murah, tetapi jika Anda memilih untuk tidak memiliki pelatihan online, itu adalah alternatif yang baik.

Cooper

Cooper, penyedia pelatihan berbasis kelas yang sangat dihormati, juga menyediakan kursus kelas tentang desain UX. Itu juga tidak murah, tetapi jika Anda akan melakukan pembelajaran di kelas, itu tidak akan seefektif biaya pembelajaran online. Namun, mereka menawarkan serangkaian lokasi yang bagus untuk dipelajari sebagai bagian dari layanan mereka.

Program Universitas

Jika Anda punya banyak uang dan waktu, Anda bisa melanjutkan dan mendapatkan gelar Sarjana atau Master di universitas. Tidak ada, sampai sekarang, program gelar “hanya UX”, dan sebagian besar derajat terkait cenderung fokus pada Interaksi Komputer Manusia.

Dua contoh program semacam ini adalah:

  • Carnegie Mellon – Program HCI
  • York University – MSc dalam Teknologi HCI

Universitas bukanlah pilihan berbiaya rendah, baik dalam arti waktu dan uang yang akan Anda belanjakan. Anda harus mempertimbangkan pro dan kontra dari program universitas dengan sangat hati-hati sebelum Anda memutuskan untuk menempuh rute ini.

Misalnya, inilah cara kami menjabarkan total biaya gelar universitas 4 tahun:

HSBC, seperti yang dilaporkan oleh Top Universities, menemukan bahwa rata-rata biaya pendidikan universitas yang berbasis di AS adalah $ 36.564 per tahun (6). Itu termasuk biaya sekolah serta biaya hidup. Untuk gelar 4 tahun, ini menambah hingga $ 146.256 — dan itu belum termasuk biaya (seperti bunga) untuk mendapatkan pinjaman untuk studi Anda.

Lalu ada biaya peluang untuk berhenti bekerja dan menghabiskan empat tahun di universitas. Yaitu, penghasilan yang akan Anda lewatkan saat belajar penuh waktu di universitas. Menurut Sensus Amerika Serikat, non-lulusan mendapatkan rata-rata $ 27.351 per tahun (7). Lebih dari 4 tahun, itu berjumlah $ 109.404 yang bisa diperoleh jika Anda telah bekerja.

Menyimpulkan biaya aktual dan biaya peluang memberi Anda total biaya: $ 255.660 kekalahan!

Jika Anda berpikir bahwa semua opsi membingungkan, Anda mungkin ingin memulai dengan memeriksa pengembalian investasi dari setiap jenis pembelajaran. Kami punya artikel di sini yang membahas pengembalian investasi dari masing-masing jenis pembelajaran yang disebutkan di atas.

Jaringan

Cara terbaik untuk menemukan pekerjaan di bidang apa pun adalah dengan menggunakan sedikit pengetahuan orang dalam dan mendapatkan bantuan dari orang-orang yang sudah melakukan apa yang ingin Anda lakukan. Ini dulunya adalah kerja keras, tetapi hari ini Anda bisa online dan mendapatkan jaringan.

Kami akan merekomendasikan LinkedIn kepada siapa pun yang ingin melakukan beberapa jaringan profesional; bergabung dengan grup UX dan bergabung dengan percakapan. Jangan hanya melompat dan meminta pekerjaan — tunjukkan nilai Anda terlebih dahulu dan bantu orang, dan cari kerja hanya setelah Anda membangun hubungan.

Yayasan Desain Interaksi juga menawarkan peluang jaringan bagi anggota dan bukan anggota. Anggota kami dapat melakukan jaringan yang sangat spesifik melalui forum pra-desain yang memungkinkan kolaborasi antara kelompok besar desainer. Baik anggota maupun non-anggota juga dapat menghadiri acara komunitas kelompok lokal kami, yang sepenuhnya gratis untuk dihadiri. Anda dapat mengetahui lebih lanjut tentang grup lokal di sini.

Anda juga dapat berpikir untuk terlibat dengan kepemimpinan komunitas desain dengan berinteraksi dengan mereka di media sosial. Kami telah menyediakan daftar dua puluh desainer hebat di sini yang dapat Anda berinteraksi dengan online; Anda dapat memperluas daftar sebanyak yang Anda suka dengan sedikit pekerjaan Google.

Pendampingan dan Umpan Balik

Kami mendapati bahwa Anda dapat membuat perubahan karier dengan lebih mudah jika Anda dapat menemukan seseorang untuk membimbing Anda dan memberikan umpan balik atas upaya Anda. Anda dapat, tentu saja, mendapatkan mentor dari jaringan profesional yang ada jika Anda kenal seseorang yang senang berperan. Jika Anda pikir itu tidak akan berhasil untuk Anda, anggota Liga Desain Interaction Design Foundation memiliki akses ke jaringan ahli desain UX kami dan melihat mentor dari jaringan itu.

The Take Away

Tidak sulit untuk beralih dari desain web ke desain UX. Anda dapat membangun keterampilan yang ada melalui proses pendidikan dan memilih jenis pendidikan yang paling sesuai untuk Anda. Setelah itu, Anda dapat mempraktikkan pembelajaran itu sebagai perancang web. Kabar baiknya adalah Anda sudah berbicara dalam bahasa desain sehingga setelah Anda memiliki sedikit latihan di UX, Anda akan siap untuk mentransisikan karier Anda ke desain UX dan bergabung dengan bagian yang tumbuh paling cepat dari profesi desain di dunia saat ini.

Apa itu Web Desain?

Web Desain mengacu pada desain website yang ditampilkan di internet. Biasanya mengacu pada aspek pengalaman pengguna pengembangan situs web daripada pengembangan perangkat lunak. Desain web dulu difokuskan pada mendesain situs web untuk browser desktop; namun, sejak pertengahan 2010-an, desain untuk peramban seluler dan tablet menjadi semakin penting.

Perancang web bekerja pada tampilan, tata letak, dan, dalam beberapa kasus, konten situs web. Penampilan, misalnya, berkaitan dengan warna, font, dan gambar yang digunakan. Layout mengacu pada bagaimana informasi disusun dan dikategorikan. Desain web yang baik mudah digunakan, menyenangkan secara estetika, dan sesuai dengan kelompok pengguna dan merek situs web tersebut. Banyak halaman web dirancang dengan fokus pada kesederhanaan, sehingga tidak ada informasi dan fungsionalitas asing yang dapat mengganggu atau membingungkan pengguna. Karena batu kunci dari hasil keluaran perancang web adalah situs yang memenangkan dan menumbuhkan kepercayaan audiens target, menghilangkan sebanyak mungkin poin frustrasi pengguna yang potensial merupakan pertimbangan kritis.

Dua metode paling umum untuk mendesain website yang berfungsi baik pada desktop dan seluler adalah desain responsif dan adaptif. Dalam desain responsif, konten bergerak secara dinamis tergantung pada ukuran layar; dalam desain adaptif, konten situs web diperbaiki dalam ukuran tata letak yang sesuai dengan ukuran layar umum. Mempertahankan tata letak yang selaras mungkin antara perangkat sangat penting untuk menjaga kepercayaan dan keterlibatan pengguna. Karena desain responsif dapat menghadirkan kesulitan dalam hal ini, desainer harus berhati-hati dalam melepaskan kendali tentang bagaimana pekerjaan mereka akan muncul. Jika mereka bertanggung jawab atas konten juga, sementara mereka mungkin perlu memperluas keterampilan mereka, mereka akan menikmati memiliki keuntungan dari kontrol penuh atas produk jadi.