Sketsa Awal Aplikasi

download Sketsa Awal Aplikasi

If you can't read please download the document

description

zczsc

Transcript of Sketsa Awal Aplikasi

Anda tidak perlu palu atau obeng; mungkinAnda akan memerlukan pita pengukur-meskipun sebaiknya satudalam bentuk digital di atas dan samping komputer Andalayar. Seperti pekerjaan apa pun, ada sebuah kumpulanalat yang paling interaksi dan antarmuka desainergunakan untuk membuat proyek-proyek mereka. Program sepertiPhotoshop, Balsamiq, xScope, dan lain-lain sangat pentingkomponen proses antarmuka pembangunan. dibab ini, Anda akan menemukan pengeluaran strategis umumuntuk perencanaan desain sebuah aplikasi mobile.Menggunakan langkah-langkah dan teknik yang disajikan, Anda akansiap untuk fase yang berbeda dengan desain untuk dibangkitkanmelalui selama masa pertumbuhan, sebelum programmermenulis baris pertama kode.Alat Apa yang Anda Butuhkan?Seorang mekanik hanya sebagai baik sebagai alat nya, atau jadi kata pepatah. Orang-orang yang pedulipekerjaan mereka yang paling adalah orang-orang yang paling signifikan berinvestasi dalam alat-alat mereka. Memang benar untuk autotoko tubuh, dan itu berlaku untuk toko-toko desain juga.Sebelum membuat upaya serius untuk menciptakan sebuah aplikasi, desainer harus memastikan bahwa mereka memiliki yang terbaikperalatan yang tersedia setiap saat. Ketika mulai keluar, ini bisa menjadi agak sulit, karena comput- baruers dan perangkat lunak profesional seringkali cukup mahal. Untuk menghindari membuang-buang uang yang tidak benaralat, penting untuk mendapatkan bang terbaik untuk uang tech Anda.Banyak dari alat-alat dan tips yang direkomendasikan dalam bab ini dikembangkan dari buruh cinta: fond-ness dan keahlian ditempa selama beberapa tahun dan seratus aplikasi senilai pengalaman. tapipenting untuk dicatat bahwa tidak ada satu ukuran cocok untuk semua solusi ketika datang untuk memilihalat atau memilih suatu proses untuk menyusun desain. Rekomendasi berikut berasal dariProses yang telah menyebabkan terciptanya beberapa aplikasi yang sukses, tetapi jika Anda menemukan sepotongsoftware lebih cocok untuk tugas Anda di tangan jangan takut untuk pergi rute Anda sendiri. Demikian juga,alat yang tersedia untuk desainer tumbuh dan berkembang dengan kecepatan kilat-cepat, dan produk-produk baruterus memukul pasar yang membuat desain lebih cepat, lebih mudah, dan lebih efisien. Itu selalulayak memberikan produk baru mencoba, karena setiap kurva belajar yang terlibat dapat membayar secara signifikan turunjalan.Alat pertama yang dibutuhkan dalam desainer pasokan kit adalah salah satu yang penting untuk semua orang dari elemen-Tary siswa sekolah untuk para ilmuwan roket: notebook berkualitas, jurnal, atau pengolah kata. makhlukdesainer interaksi yang sukses membutuhkan mencatat secara konsisten dan berlebihan. semuanyadari tren dalam industri terlihat pada aplikasi lain pikiran pada pekerjaan pribadi harus-dokumensanakan untuk referensi di masa mendatang.Desain interaksi berfokus pada pengembangan konstan produk untuk meningkatkankegunaan dan nilai, sehingga selalu ada ruang untuk meningkatkan pekerjaan. Seperti juga berlaku untuk pelukisdan komedian, inspirasi tidak selalu menyerang pada saat yang paling nyaman. beberapaide terbaik seorang desainer akan datang ketika ia tidak bekerja; mereka akan tiba sambil berjalanjalan atau di tengah malam. Selalu memiliki kata notebook atau ponsel berbasisprosesor berguna adalah cara yang bagus untuk cepat menuliskan pikiran secepat serangan jenius. Coba LapanganCatatan oleh Draplin Desain Perusahaan dan Coudal Partners. Ini berguna, notebook portabeldatang dalam ukuran standar yang kira-kira rasio yang sama aspek, lebar, dan tinggi sebagai smartphonelayar dan, juga, bekerja dengan baik untuk sekitar menggambarkan layar tablet skala-down. mereka cocokbaik di saku celana atau tas, dan mereka yang besar untuk mencorat-coret ide-ide cepat atau sketsaprototipe desain.Ketika datang ke perangkat keras komputer untuk utilitas sabuk desainer, sulit untuk menunjukkan apa-apaselain laptop Apple yang menjalankan OS X, sebaiknya versi terbaru yang tersedia sehingga adaada masalah dengan kompatibilitas untuk aplikasi pengembangan Apple. Tidak ada menyangkal bahwasemua pengembangan dan desain antarmuka iOS implementasi dan pengembangan Android yang palingDibutuhkan tempat pada komputer yang menjalankan OS X. Akses ke Windows diperlukan, namun, untuk Winpengembangan aplikasi ponsel dows, sehingga desainer berencana untuk mengambil rute yang akan perlu untuk menjagabahwa dalam pikiran.Jika Anda tidak berencana untuk melakukan coding sama sekali dan sebagian besar pekerjaan Anda akan difokuskan pada penciptaandesain visual, Anda bisa baik-baik saja dengan PC Windows. Apakah mempertimbangkan menggunakan mesin, bagaimanapunpernah, yang akan memungkinkan Anda untuk melakukan kode untuk proyek anda berencana untuk memberikan kontribusi, bahkan jika Andatidak melihat diri Anda sebagai jenis pemrograman. Hal ini dapat sangat berharga bagi desainer untuk memiliki aksessumber kode untuk memodifikasi file seni atau membuat perubahan kode dasar, pilihan tipografi, ataupilihan warna. Jika Anda berencana untuk mengembangkan untuk iOS, itu akan lebih baik bernilai sementara Anda memiliki Applelaptop atau desktop sehingga Anda tidak akan dibatasi jika anda ingin bermain-main dengan kode di masa depan.Komputer yang paling sering direkomendasikan untuk desain mobile Apple MacBook Pro, ide-sekutu satu dengan layar Retina. Manfaat mobilitas laptop menyediakan jauh lebih besar daripadatambah daya yang disediakan oleh desktop. Laptop Apple terbaru dengan layar Retina besaruntuk merancang pekerjaan yang terlihat fantastis pada display resolusi tinggi yang ditemukan di sebagian besar ponseldan tablet. Merancang pada layar low-density bisa sulit, karena dalam beberapa kasus Andamungkin tidak dapat melihat pratinjau desain aplikasi dari Photoshop atau program serupa dalam resolusi penuh.Jika biaya masalah, MacBook Air adalah laptop yang sangat baik, tapi menghindari model 11 inci;seperti ukuran layar kecil akan membuat karya desain yang sulit.Jika komputer stasioner adalah lebih didasarkan pada kebutuhan pribadi Anda, seorang desainer tidak bisa salahdengan iMac, baik. Ini harus mampu fungsi profesional tingkat, jadi yang terbaik untukmembeli komputer yang paling dilengkapi Anda mampu. Jika Anda rendah pada anggaran, AppleMac Mini adalah lebih dari mesin yang mampu untuk desain dan pengembangan. Terbesar dan terbaikSistem tidak selalu penting; untuk tujuan yang paling praktis, Apple baru-baru ini didesain ulang Mac Promungkin berlebihan untuk jenis pekerjaan yang Anda akan lakukan.Perencanaan Platform TertentuSetelah wireframes dasar aplikasi yang dibuat, saatnya untuk bergerak dan mulaimempersiapkan seluk-beluk platform tertentu. Sekarang, Anda harus mulai berpikir tentang bagaimanaaplikasi akan terlihat dan merasa pada satu perangkat mobile yang spesifik atau yang lain.Pertama, sangat penting untuk menemukan dokumentasi pengembang untuk platform yang tepat. itupedoman manusia-interface akan menjadi dokumen yang paling penting bagi seorang desainer, bersama denganlain dokumentasi yang tersedia dari pusat pengembang platform desain khusus. untukiOS atau Android, Apple dan Google sering memperbarui dokumen pada antarmuka manusia banyakseperti yang mereka lakukan untuk API dan proses teknis lainnya. Pengembang platform mobile utama juga memilikidokumen lain yang tersedia merinci bagaimana menerapkan penampilan yang spesifik dan terasa untuk umumantarmuka fitur, dan mereka sering memperbarui Alkitab gaya ini setelah sistem operasi utamamemperbarui. Bahkan jika Anda merasa nyaman dengan pedoman antarmuka platform, itu selalu pentinguntuk memeriksa kembali dengan rekomendasi pengembang untuk melihat apakah sesuatu telah berubah. -manusiapedoman antarmuka yang paling jelas sebuah dokumen hidup, kadang-kadang bahkan lebih daripadapemrograman platform yang memandu sendiri.Saat membaca lebih dokumentasi sebuah platform, itu berharga untuk memastikan bahwa satu atau lebih tesperangkat yang tersedia di pembuangan seorang desainer. Idealnya, minimal satu up-to-cukup baru danperangkat fisik tanggal harus berguna, dan beberapa perangkat virtual harus dipasang dan dimuat.Ini dapat hal-hal seperti simulator iOS yang dikemas dengan Xcode, yang ditiruPerangkat Android dari SDK Android, atau sesuatu yang serupa yang memungkinkan desainer untuk menjalankan tesaplikasi pada komputer. Ini berbeda dengan platform, jadi kunjungi pengembang produsenHalaman sumber daya untuk mempelajari apa pilihan yang tersedia.Setelah Anda mendapatkan tangan Anda pada perangkat, pastikan Anda merasa nyaman menggunakannya. satu-rekomendasiStrategi diperbaiki selama pengembangan aplikasi adalah untuk membawa perangkat ditargetkan sebagai utama Andatelepon atau tablet untuk setidaknya satu minggu. Setelah menggunakannya selama beberapa hari berturut-turut, Anda akan menjadiakrab dengan praktik interaksi umum dan mulai menghargai bagaimana pengguna bekerja denganperangkat dalam pengaturan profesional dan pribadi.Desainer baru sering membuat kesalahan dengan hanya menggunakan screenshot atau manusia-interface pedomanbaris dokumen untuk menyusun karya antarmuka mereka untuk platform baru. Desain interaksi, meskipun, adalahkurang tentang tampilan aplikasi dan lebih banyak tentang rasa dan aliran bagaimana aplikasibekerja. Tidak mungkin untuk secara akurat menilai apa yang terasa alami pada platform yang hanya didasarkan padascreenshot, dan pedoman dokumen ditulis dengan menggunakan istilah sehari-hari yang hanya membuatrasa setelah menggunakan perangkat selama beberapa hari.Dalam pedoman antarmuka manusia Apple untuk iPhone dan iPad, misalnya, penulis menggunakankalimat berikut: "Dan, meskipun orang mungkin tidak menyadari desain antarmuka manusiaPrinsip-prinsip seperti manipulasi langsung atau konsistensi, mereka bisa tahu kapan aplikasi mengikuti mereka danketika mereka tidak. "Pengguna akan tahu jika aplikasi terasa keluar dari tempat, dan tidak ada cara untukdesainer untuk mengetahui apakah ia telah menerapkan prinsip-prinsip benar kecuali sistem operasitelah digunakan secara pribadi untuk hari-hari tugas.Dimulai dengan alur kerjaSekarang bahwa Anda punya perangkat dan memiliki rencana serangan untuk belajar tentang platform tertentudan tetap up to date pada berita dan tren, saatnya untuk memulai kerja nyata: mengembangkandesain interaksi aplikasi. Tempat terbaik untuk memulai adalah dengan menyusun gambar rangka dan build-ing gambaran umum dari alur kerja aplikasi.Jika dunia desain interaksi seperti rumah, alur kerja aplikasi ini adalah pendiri yayasan semendation, dan gambar rangka adalah kayu yang mendukung dinding. Ini tidak waktu belum memilih apajenis pintu untuk menginstal atau apa warna cat ruang tamu, namun sejumlah-keputusan pentingaksesi yang dibuat pada tahap awal ini yang akan mempengaruhi bagaimana aplikasi bekerja-keputusan yangakan sangat sulit untuk berubah setelah Anda maju lebih lanjut. Sangat penting untuk memastikan pilihan-pilihan iniyang dipikirkan dengan baik dan dievaluasi secara menyeluruh.Mulailah proses ini dengan menuliskan atau menggambar grafik rencana dasar untuk apa pengguna akan pengalaman-Ence ketika pertama kali meluncurkan aplikasi dan kemudian bagaimana mereka akan bergerak melalui itu untuk mencapaitugas tertentu. Tahap awal ini alur kerja harus sangat abstrak awalnya. gender yangTujuan eral dari latihan ini adalah untuk memahami alasan mengapa pengguna akan men-download aplikasi ini, apakesan pertama mereka akan, dan bagaimana informasi dapat disampaikan kepada mereka dengan cepat danseefisien mungkin. Anda dapat melakukan proses ini dengan menggunakan aplikasi seperti, dulunyamenerus disebutkan MindNode Pro atau Anda dapat menggunakan sepotong besar kertas dengan kotak, garis,dan teks yang menggambarkan setup dan aliran. Anda pada dasarnya sedang mengembangkan sebuah menyambung canggihthe-titik proses sementara juga bekerja untuk menghapus sebanyak titik dari sistem mungkin.Sekarang adalah waktu yang tepat untuk duduk dan meninjau karya desain Anda dengan setiap pemangku kepentingan dalamproyek, dari klien siapa yang mendanai ke programmer yang menerapkan desain.Lima pertanyaan berikut sering sederhana dan mudah untuk menjawab ketika bekerja hanya dengan con-desain art kecuali bahwa, tetapi mereka akan tumbuh lebih sulit dan mahal untuk menyelesaikan sekali aplikasimenjadi baris aktual kode, jadi yang terbaik untuk mengatasinya sekarang:1. Apakah aplikasi terlihat seperti itu akan cocok dengan platform?2. Apakah pengguna dapat menggunakan aplikasi tanpa bimbingan?3. Dapatkah programmer menerapkan desain dengan aset seni dan desain dokumentertasi saja?4. Akankah usia desain anggun?5. Apakah desain memenuhi tujuan proyek masa depan?Mempersiapkan Tahap SelanjutnyaDalam rangka membangun aplikasi, Anda perlu aplikasi. Beberapa perangkat lunak pengembangan besar adalahdisebutkan secara singkat dalam bab ini, tapi di sini adalah melihat lebih rinci pada favorit ini, bersamadengan permata beberapa tambahan yang mungkin datang untuk bergantung pada. Potongan-potongan ini dari OS Xsoftware akan memberikan kaki di kompetisi saat merancang aplikasi Anda.Adobe Photoshop adalah standar emas yang semua alat desain lainnyadihakimi. Awalnya dirilis oleh Adobe pada tahun 1990, perangkat lunak telah digunakan untukberbagai tujuan desain grafis dan telah meresap masyarakat ke titik tersebutbahwa "untuk Photoshop" telah menjadi kata kerja rumah tangga. Terlepas dari platformAnda merancang untuk atau platform Anda sedang membangun dengan, Photoshop akan menjadialat yang sangat diperlukan.Skitch adalah aplikasi sederhana saat ini dimiliki dan dikelola oleh Evernote yangmemungkinkan untuk teks sederhana dan markup grafis pada screenshot ditangkap oleh com- sebuahputer. Ini sangat cepat untuk digunakan; hanya mengambil screenshot dan kemudian mark up gambardengan panah untuk menunjukkan kesalahan, teks untuk menjelaskan maksud, atau bentuk sederhana untukperhatikan di mana konten harus. Ketika membangun bekerja di praproduksi sebuah emula-tor, Skitch adalah alat yang berguna untuk cepat mencatat di mana kesalahan antarmuka ada sehinggaprogrammer dapat memperbaiki bug dan meningkatkan aplikasi.Balsamiq adalah alat multiplatform yang memungkinkan untuk penciptaan cepat dari lunak dasargudang gambar rangka, yang digunakan untuk menunjukkan stakeholder dan programmer bagaimanadesain interaksi bekerja ketika diprogram. Komunikasi yang jelas adalah iden- sebuahketerampilan sary untuk setiap desainer antarmuka, dan Balsamiq adalah alat yang hebat untuk grafismenunjukkan niat desain untuk orang-orang yang akan coding pekerjaan Anda.xScope adalah pisau Swiss Army desain interaksi, dengan berbagai ternilaialat untuk membantu meningkatkan dan iterate pada sebuah antarmuka. Aplikasi ini mencakup variabelutilitas ous pengukuran, indikator warna, dan alat-alat yang memungkinkan pembesarandesainer untuk memperbesar dan melihat rincian kecil dengan mudah. xScope-diciptakan oleh Iconfac-tory, tim yang dikenal untuk membangun beberapa antarmuka yang paling indah yang tersediapada OS X dan iOS-menyediakan cara yang bagus untuk periksa bahwa Anda sudah benarmenempatkan semua potongan antarmuka Anda.Pixelmator terkenal sebagai pesaing layak untuk Mahakuasa Photoshop. sekarangseni digital tambahan alat yang luar biasa saat ini tersedia untuk jauh lebih sedikitdari pembayaran berlangganan bulanan tunggal untuk Photoshop. Jika Anda seorang pemuladesainer ingin mendapatkan kaki Anda basah dengan sedikit biaya overhead kas mungkin,Pixelmator adalah soulmate Anda.