Memulai dengan Desain UX di Sketsa

Primer untuk desainer UX baru dan mahasiswa desain

Kami telah menulis banyak tentang kiat Sketsa di UX Power Tools selama dua tahun terakhir dan saya ingin mengaturnya dengan cara yang akan membantu desainer yang baru mulai masuk ke UX.

Saya juga harus menyebutkan bahwa saya tidak akan memperdebatkan alat mana yang terbaik - Saya hanya akan menganggap Anda sudah menyadari bahwa Sketch adalah yang terbaik (untuk saat ini) dan ingin tahu bagaimana menggunakannya sebagai Desainer UX

Saya telah membagi artikel kami menjadi 5 bagian yang memetakan bagaimana menurut saya perancang baru berkembang dari pemula menjadi penguasaan:

  • Keluar Gagasan
  • Mulai
  • Semakin Cepat
  • Menjadi Lebih Cerdas
  • Mendapatkan Visual

Keluar ide

Desain UX dimulai sebelum Anda sampai ke alat - itu dimulai pada titik mendapatkan ide-ide dari kepala Anda (... itu sebenarnya dimulai jauh sebelum itu dengan penelitian, tetapi mari kita simpan artikel ini di bawah 20 menit lama).

Memang, saya langsung terjun ke alat digital sejak awal. Tapi itu terutama karena saya melakukan lebih banyak di kepala saya dan membuat sketsa secara kolaboratif di papan tulis dengan tim desain saya. Desainer UX yang baru memulai harus benar-benar tetap dalam kesetiaan yang rendah sambil menjelajahi ruang masalah dan membuat kesalahan.

Setelah Anda siap untuk mendapatkan sesuatu di layar, ada dua alat yang saya pikir memfasilitasi ini dengan sangat baik. Yang pertama adalah alat InVision yang disebut Freehand, yang kami ulas:

Alat kedua yang memfasilitasi fase desain ini adalah seperangkat pustaka premium untuk Sketch yang disebut Flowkit oleh Matt D. Smith. Itu sepadan dengan label harga $ 29.

Ini tidak hanya bagus untuk penggambaran lo-fidelity, tetapi dapat digunakan pada tahap selanjutnya dari desain Anda ketika Anda perlu memetakan alur kerja utama dalam kesetiaan tinggi untuk mengkomunikasikan desain Anda.

Mulai

Jauh dan jauh kekuatan terbesar Sketch for UX Design adalah penekanannya pada membuat hal-hal dapat diulang dan cepat.

Masih cukup mengkhawatirkan untuk melihat berapa banyak desainer Sketsa yang tidak menggunakan hal-hal sesederhana dan sekuat Gaya Berbagi, atau kemajuan yang lebih baru seperti Sarang Sarang. Saya menduga itu karena desainer menjadi tidak sabar dan hanya ingin menyelesaikannya. Saya benar-benar mengerti.

Tapi desain yang hebat hanya sebagus seorang desainer yang terorganisir. Kami menyukai metafora memasak:

Dan kami juga suka memperluas konsep Stylesheets dari kode ke desain (sejak kami menulis ini, sistem desain telah benar-benar meledak ke tempat kejadian, tetapi sebagian besar teknik ini masih relevan saat ini):

Dan akhirnya untuk cawan suci artikel tentang cara memulai proyek di Sketch, yang mencakup semuanya (sampai ke struktur folder):

Dengan artikel bonus tentang cara mengatur tata letak di Sketch secara responsif:

Semakin cepat

Oke, sekarang setelah Anda memahami cara memulai proyek Sketsa secara efektif, saatnya untuk mulai menjadi lebih cepat dengan alat tersebut. Secara pribadi, saya merasa ofensif untuk melihat seorang desainer tidak menggunakan pintasan saat mendesain - Maksud saya, itu benar-benar menyakiti jiwa saya. Jangan menjadi pria itu:

Sekitar satu juta setengah alat baru dan plugin telah keluar sejak kami menulis artikel ini, tetapi sejujurnya, sahabat terbaik untuk Sketch tidak benar-benar berubah menurut pendapat saya (Nudg.it sekarang secara asli didukung di Sketch, Anima masih berguna juga meskipun beberapa di antaranya telah dimasukkan ke fungsionalitas tata letak Sketch):

Kiat dan trik

Jon Moore telah memberikan kearifan pengguna-daya dalam beberapa artikel yang akan meledakkan pikiran Anda dalam kesederhanaan dan kekuatan mereka:

Menjadi Lebih Cerdas

Anda tahu cara menyiapkan proyek, Anda telah belajar bagaimana menjadi lebih cepat dengan Sketch, dan sekarang saatnya untuk menerapkan semua itu pada desain UX.

Seperti yang saya katakan sebelumnya, Sketch sangat cocok untuk desain UX karena membuat pengulangan, konsistensi, dan modularitas menjadi mudah. Berikut adalah beberapa contoh cara menggunakan Sketsa untuk membuat elemen UI secara cerdas (dan semuanya datang dengan gratis ):

Menangani ikon dan grafik secara efisien

Kami akan membahas sisi desain visual UX di bagian berikutnya, tetapi berurusan dengan grafik sering kali berada di luar ruang kemudi desainer UX. Alih-alih khawatir tentang membuat ikon, lebih pintar bagaimana Anda menggunakannya:

Simbol bersarang sebenarnya dapat mengotomatisasi sedikit:

Akhirnya, saya akan lalai jika saya tidak menunjukkan kemajuan terbesar Sketch dalam 12 bulan terakhir - Perpustakaan:

Mendapatkan Visual

Seolah-olah semua itu tidak cukup, desainer UX saat ini memiliki standar yang jauh lebih tinggi untuk dipenuhi dalam hal desain visual.

Ketika saya mulai dalam desain UX, saya merasa sulit untuk berkenalan dengan "bahan" yang saya butuhkan untuk mendesain: rasio aspek, ukuran font, bobot, kontras warna, dll.

Untuk menjadi lebih baik, saya mulai dengan menyalin produk yang sudah ada sehingga saya bisa merasakan bagaimana UI disusun.

Kami membahas hal ini tahun lalu dan menyediakan tautan ke beberapa produk umum yang dibuat ulang di Sketch (meskipun beberapa di antaranya telah dirancang ulang):

Dari sana Anda benar-benar dapat mulai menggunakan beberapa teknik kecil untuk menambahkan sedikit bakat pada desain Anda:

Tetapi jangan lupa bahwa data sampel yang akurat sama pentingnya dengan desain visual seperti halnya visual itu sendiri:

* kami tidak pernah menulis bagian 2

Terakhir, namun tidak kalah pentingnya, pada titik tertentu dalam karir Anda, Anda harus merancang dasbor dan sering kali merupakan salah satu mimpi buruk terbesar bagi seorang desainer UX. Secara pribadi, saya menemukan bahwa dasbor membawa nilai marginal ke meja, jadi saya lebih suka tidak menghabiskan waktu berhari-hari untuk membuat grafik terlihat bagus:

Sudah 18 bulan yang luar biasa membantu komunitas desain melalui UX Power Tools. Dan sementara Sketch jelas bukan satu-satunya alat yang harus dimiliki perancang dalam gudang senjata mereka, itu tentu saja yang paling kuat. Saya harap lampiran ini akan membantu Anda yang baru memulai karir UX, atau yang beralih ke Sketsa untuk alur kerja desain Anda.

Jika Anda tertarik dengan sistem desain vanilla yang sempurna untuk memulai proyek baru, kami akan senang jika Anda memeriksa yang kami buat. Mereka akan menghemat ribuan jam waktu desain:

Saat saya tidak mengumpulkan artikel Sketsa di Medium, saya sedang mengerjakan alat desain Sketsa di UX Power Tools untuk menjadikan Anda perancang yang lebih baik, lebih efisien.

Ikuti UX Power Tools di Twitter
Ikuti saya di Twitter