Orang yang Membawa Aplikasi Web untuk Kehidupan - dummies

Anda dapat mengelompokkan dan menyelesaikan beberapa aplikasi kecil sendiri, namun aplikasi yang Anda Membangun di tempat kerja atau menggunakan setiap hari, seperti Google Maps atau Instagram, diciptakan oleh tim orang. Tim untuk satu produk dapat bervariasi dalam ukuran, mencapai ke atas 50 orang, dan setiap orang memainkan peran spesifik di seluruh area seperti desain, pengembangan, manajemen produk, dan pengujian.

Di perusahaan yang lebih kecil, orang yang sama dapat melakukan banyak peran, sementara pada perusahaan besar, perannya menjadi lebih terspesialisasi, dan individu melakukan setiap peran.

Membuat aplikasi dengan desainer

Sebelum kode apapun ditulis, perancang bekerja untuk menciptakan tampilan dan nuansa situs melalui tata letak, visual, dan interaksi. Desainer menjawab pertanyaan sederhana seperti "Haruskah menu navigasi ada di bagian atas halaman atau bagian bawah? "Pertanyaan yang lebih kompleks seperti" Bagaimana kita bisa menyampaikan rasa kesederhanaan, kreativitas, dan main-main? "

Secara umum, desainer menjawab jenis pertanyaan ini dengan mewawancarai pengguna, menciptakan banyak desain dari ide produk yang sama, dan kemudian membuat keputusan akhir dengan memilih satu desain. Desain yang baik dapat sangat meningkatkan adopsi produk atau penggunaan situs, dan produk seperti iPhone Apple dan Airbnb. com.

Jonathan Ive, SVP Desain di Apple, dikreditkan untuk kesuksesan desain Apple.

Saat membangun sebuah situs web atau aplikasi, Anda mungkin memutuskan bahwa Anda memerlukan perancang, namun perlu diingat bahwa di dalam desain, ada banyak peran yang dimainkan perancang. Peran berikut saling melengkapi, dan semua bisa dilakukan oleh satu orang atau oleh orang yang terpisah:

• Antarmuka pengguna (UI) dan pengalaman pengguna (UX) desainer menangani terutama dengan "tampilan dan nuansa" dan dengan tata letak. Saat menelusuri situs web, misalnya Amazon, Anda mungkin memperhatikan bahwa di semua halaman, menu dan konten navigasi berada di tempat yang sama dan menggunakan font, tombol, kotak input, dan gambar yang sama atau sangat mirip. Perancang UI / UX memikirkan pesanan layar yang ditampilkan kepada pengguna, bersama dengan di mana dan bagaimana pengguna mengeklik, memasukkan teks, dan berinteraksi dengan situs web.

Jika Anda menguping desainer UI / UX, mungkin Anda akan mendengar percakapan seperti, "Halamannya terlalu sibuk dengan terlalu banyak seruan untuk bertindak. Pengguna kami tidak membuat banyak keputusan ini di tempat lain di situs ini. Mari kita menyederhanakan tata letak dengan hanya memiliki satu tombol Beli tunggal, jadi siapa pun dapat memesan hanya dengan sekali klik. Perancang visual

• menangani terutama dengan membuat grafik akhir yang digunakan di situs web, dan peran ini sangat terkait erat dengan "perancang."Perancang visual menciptakan versi terakhir dari ikon, logo, tombol, tipografi, dan gambar. Misalnya, lihat browser Internet Anda - ikon browser, tombol Back, Reload, dan Bookmark semuanya dibuat oleh perancang visual, dan siapapun yang menggunakan browser untuk pertama kalinya akan tahu apa arti ikon tanpa penjelasan. Jika Anda menguping desainer visual, mungkin Anda akan mendengar percakapan seperti, "Perbedaan warna pada ikon ini terlalu ringan untuk dapat dibaca, dan jika menyertakan teks dengan ikonnya, marilah tengah menyelaraskan teks di bawah ikon sebagai gantinya. dari atas itu "

Perancang interaksi

• berurusan terutama dengan interaksi dan animasi berdasarkan masukan pengguna dan situasinya. Awalnya, desain interaksi terbatas pada interaksi keyboard dan mouse, namun saat ini sensor sentuh pada perangkat mobile telah menciptakan lebih banyak interaksi pengguna potensial. Perancang interaksi berpikir tentang bagaimana menggunakan interaksi terbaik sehingga pengguna dapat menyelesaikan tugas semudah mungkin. Misalnya, pikirkan bagaimana Anda memeriksa email Anda di ponsel Anda. Selama bertahun-tahun, interaksi tradisional adalah melihat daftar pesan, klik sebuah pesan, lalu klik sebuah tombol untuk membalas, memberi bendera, menyimpan ke folder, atau menghapus pesannya. Pada tahun 2013, perancang interaksi memikirkan kembali interaksi aplikasi email dan menciptakan interaksi sehingga pengguna bisa menggesekkan jari mereka ke kiri atau kanan untuk menghapus atau membalas pesan email alih-alih harus mengklik beberapa menu.

Jika Anda menguping desainer interaksi, Anda mungkin mendengar percakapan seperti, "Saat pengguna menavigasi dengan aplikasi peta kami, alih-alih memberi tahu kami bahwa mereka hilang dengan mengklik atau menggesek, mungkin mereka dapat menggoyangkan telepon dan kami bisa seketika memiliki lokasi spesialis memanggil mereka. "

Jika membuat sebuah aplikasi seperti membuat film, desainer akan menjadi penulis skenario.

Mengkodekan pengembang front dan back-end

Setelah disain selesai, pengembang front-end dan back-end membuat desain tersebut menjadi kenyataan. Pengembang front-end, seperti Mark Otto dan Jacob Thornton, kode HTML, CSS, dan JavaScript, dan mengubah desain menjadi antarmuka pengguna. Pengembang ini menulis kode yang sama dengan yang Anda pelajari di sepanjang buku ini dan memastikan bahwa situs web terlihat konsisten di seluruh perangkat (desktop, laptop, dan seluler), browser (Chrome, Firefox, Safari, dan sebagainya), dan sistem operasi (Windows, Mac, dan sebagainya).

Semua faktor ini, terutama peningkatan adopsi perangkat seluler, menghasilkan ribuan kombinasi yang harus dikodekan dan diuji karena setiap perangkat, browser, dan sistem operasi membuat HTML dan CSS berbeda.

Mark Otto dan Jacob Thornton menciptakan Bootstrap, kerangka front-end yang paling populer.

Jika membuat aplikasi seperti membuat film, pengembang front-end akan menjadi pemeran utama.

Pengembang back-end seperti Yukihiro menambahkan fungsionalitas ke antarmuka pengguna yang dibuat oleh pengembang front-end. Pengembang back-end memastikan bahwa segala sesuatu yang tidak terlihat oleh pengguna dan di balik layar ada pada tempatnya agar produk dapat bekerja seperti yang diharapkan.Pengembang back-end menggunakan bahasa sisi server seperti Python, PHP, dan Ruby untuk menambahkan logika seputar konten apa yang akan ditunjukkan, kapan, dan kepada siapa. Selain itu, mereka menggunakan database untuk menyimpan data pengguna, dan membuat server untuk melayani semua kode ini kepada pengguna.

Yukihiro Matsumoto menciptakan Ruby, bahasa server-side populer yang digunakan untuk membuat situs web.

Jika membuat sebuah aplikasi seperti membuat film, pengembang back-end akan menjadi cinematographer, koordinator aksi, makeup artist, dan perancang set.

Mengelola dengan manajer produk

Manajer produk membantu menentukan produk yang akan dibangun dan mengelola proses pengembangan produk. Ketika tim teknik kecil (seperti 14 orang atau kurang), komunikasi, peran, dan akuntabilitas mudah dikelola secara internal tanpa banyak pengawasan formal.

Saat tim teknik tumbuh, overhead dari semua orang yang berkomunikasi satu sama lain juga tumbuh, dan tanpa proses tertentu, interaksi dapat menjadi tidak terkendali, menyebabkan miskomunikasi dan tenggat waktu tidak terjawab. Manajer produk berfungsi untuk mengurangi overhead komunikasi, dan ketika masalah muncul saat produk sedang dibangun, para manajer ini memutuskan apakah akan memperpanjang batas waktu, mengurangi lingkup, atau menambahkan lebih banyak sumber daya ke tim.

Manajer produk sering menjadi mantan insinyur, yang memiliki keuntungan alami dalam membantu memecahkan tantangan teknis yang muncul, namun orang non-teknis juga mengasumsikan peran ini berhasil. Biasanya, tidak ada insinyur yang melaporkan ke manajer produk, menyebabkan beberapa orang berkomentar bahwa manajer produk memiliki "semua tanggung jawab, dan tidak ada satu pun wewenang. "

Salah satu manajer produk yang memegang tanggung jawab dan wewenang yang besar adalah Sundar Pichai, yang awalnya adalah manajer produk untuk toolbar Google dan baru-baru ini ditunjuk untuk mengawasi banyak produk Google, termasuk pencarian, Android, Chrome, peta, iklan, dan Google+.

Sundar Pichai mengawasi hampir semua produk utama Google.

Menguji aplikasi Anda dengan jaminan kualitas

Pengujian adalah langkah terakhir dari perjalanan setelah sebuah aplikasi atau situs web telah dibangun. Sebagai hasil dari banyak tangan yang membantu produksi, produk yang baru dibuat pasti akan memiliki bug. Daftar dibuat dari semua tugas dan arus pengguna aplikasi inti, dan penguji manusia beserta program otomatis melalui daftar berulang-ulang pada peramban, perangkat, dan sistem operasi yang berbeda untuk menemukan kesalahan.

Penguji mengkompilasi bug yang baru ditemukan dan mengirimkannya kembali ke pengembang, yang memprioritaskan bug mana yang harus dimantapkan terlebih dulu. Trade-off selalu dibuat antara berapa banyak pengguna yang terkena dampak bug, waktu yang dibutuhkan untuk memperbaiki bug, dan waktu tersisa sampai produk tersebut harus dilepaskan.

Bug yang paling penting diperbaiki segera, dan bug minor dijadwalkan diperbaiki dengan update atau rilis berikutnya. Saat ini, perusahaan juga mengandalkan sistem umpan balik dan mengumpulkan laporan kesalahan dari pengguna, dengan formulir umpan balik dan dalam beberapa kasus melalui pelaporan otomatis.