10 Lembar Cheat Desain UX/UI yang Hebat

Lembar Cheat UX/UI untuk Disimpan

Setiap orang terkadang membutuhkan sedikit bantuan, bahkan para profesional. Sulit untuk mengingat setiap detail kecil. Sesekali Anda akhirnya mencari dasar-dasar yang sejenak Anda lupakan. Apa membuang-buang waktu yang bisa. Jadi, kami mencari dan mengumpulkan beberapa lembar contekan desain populer untuk membantu Anda menjalani hari Anda dan membantu Anda memiliki strategi UX terbaik.

Jika strategi ini bermanfaat, jangan lupa juga untuk membaca tips ini saat meningkatkan desain UX situs web Anda.

1. Lembar Cheat Desain iOS 7

Rilis iOS 7 membawa banyak perubahan pada antarmuka dan desainer perlu menyesuaikan bahasa visual mereka agar sesuai dengan desain flat baru iOS. Sistem grid, dimensi, tipografi, dan ikonografi semuanya telah diperbarui oleh Apple. Ivo Mynttinen telah cukup ramah untuk membuat lembar contekan (diperbarui) untuk pengembang dan desainer yang mencakup semua informasi yang perlu Anda ketahui untuk iOS 7 termasuk:

• • Resolusi di semua perangkat
  • Tampilkan informasi di semua perangkat
  • Dimensi ikon aplikasi (termasuk informasi tentang perubahan desain sudut membulat dan di mana mendapatkan template karena Apple belum merilisnya untuk iOS7)
  • Detail tentang perubahan di antarmuka pengguna
  • Daftar pendek sumber daya lain yang akan membantu Anda saat merancang aplikasi

Ini akan menghemat waktu dan tenaga Anda sekarang karena Anda tidak perlu pergi dan mencari setiap detail kecil. Dengan menggunakan ini, Anda tidak perlu mengkompilasi daftar Anda sendiri. Selain itu, ini adalah salah satu lembar paling luas tentang topik ini dan sangat terorganisir.

2. Lembar Cheat Desain Android

Tentu saja, kami juga menyertakan lembar contekan desain Android serupa untuk Anda. Ini adalah infografis cantik yang dirancang oleh Meghan Dever, Perancang Seluler di Double Encore, Inc. Panduan desain untuk Android menyediakan informasi ini tetapi jauh lebih mudah untuk menemukan dan membacanya di lembar contekan yang manis ini.

Itu dibuat untuk penggunaan internal di perusahaan tetapi mereka pikir itu adalah penghemat waktu yang sangat berguna sehingga mereka ingin membaginya dengan seluruh komunitas. Ini datang dengan:

• • Bidang teks Android, bilah pencarian, pemintal, pemetik, sakelar, dan kasus penggunaannya
  • Aset 9-patch, dengan tambahan kemampuan tata letak batas optik
  • Ukuran perangkat Android dan ukuran elemen terkaitnya
  • Padding yang tepat untuk elemen UI
  • Bilah tindakan, kontekstual, dan ikon peluncur secara spesifik
  • Konversi Dp ke px

3. Psikologi Infografis Warna

Ok, jadi ada lebih dari cukup grafik yang mencakup psikologi warna tapi ini adalah favorit saya karena jauh lebih luas daripada yang lain. Alih-alih hanya mencakup dasar-dasar (merah, kuning, biru, ungu, hijau), ini memberi Anda deskripsi 50 warna berbeda. Ini juga tidak hanya mencakup emosi dan ide positif tetapi juga yang negatif yang dapat dikaitkan dengan berbagai warna.

4. Lembar Cheat HTML5

Pembaruan 9/9/16: Lembar ini tidak tersedia lagi.

Ini adalah lembar referensi yang bagus jika Anda baru belajar HTML5 atau kebetulan memiliki kentut otak dan lupa tag. Ini adalah daftar yang luas dan benar-benar memberi Anda sedikit informasi berguna selain tag. Ini masuk ke detail ekstra mengenai di mana tag dapat digunakan dan browser apa yang mendukung apa, bahkan di perangkat. Itu datang dengan:

• • Tag baru yang keluar untuk HTML5
  • Tag yang ada dari HTML4 yang masih tersedia untuk HTML5
  • Tag lama yang sudah usang dalam HTML5
  • Atribut dan apa yang lama dan baru untuk mereka juga
  • Bagan kesiapan browser

5. Lembar Cheat Ninja UX

Untuk tahap riset proses UX, kamu bisa melihat cheat sheet keren buatan Hilary Little ini untuk keynote CodeFest-nya. Itu adalah beberapa praktik terbaik yang perlu diingat saat menguji pengguna.

Ini adalah pengingat hebat lainnya tentang dasar-dasar untuk pro dan sempurna untuk siapa saja yang baru dan membutuhkan beberapa saran dan tip yang bagus. Anda juga dapat melihat presentasinya dari keynote di sini. Ini akan melengkapi lembar contekan dengan cukup baik dan memberikan arahan yang bagus kepada desainer atau pengusaha UX pertama.

6. Desain Formulir Web Cheat Sheet

Majalah Smashing telah membawa keindahan ini kepada kami sehingga kami dapat menggunakan dan membagikannya. Ini adalah lembar contekan deskriptif untuk merancang formulir yang bagus. Perancang lembar boks ini berpengalaman dalam merancang dan menguji formulir.

Mereka memutuskan untuk menemukan masalah yang paling umum dan menjelaskan bagaimana mereka memperbaikinya, lalu memasukkan semuanya ke dalam lembar contekan desainer hebat ini. Mereka ingin membuat sesuatu untuk membuat bentuk semua orang lebih baik. Ini berisi template Omnigraffle, serta contoh Photoshop (PSD) dan PDF untuk Anda unduh. Muncul dengan saran yang sangat baik, apa yang harus dan tidak boleh dilakukan, dan beberapa contoh tata letak yang dapat Anda gunakan.

7. Lembar Curang jQuery

Ini adalah daftar elemen jQuery terorganisir yang mengagumkan yang dapat Anda gunakan sebagai referensi ketika Anda tidak dapat mengingat sesuatu. Itu dibuat oleh Oscar Otero, seorang desainer web dan pengembang yang tahu betapa bergunanya hal-hal ini. Itu datang dengan:

• pemilih
• Atribut/CSS
• Manipulasi
• melintasi
• Acara
• Efek
• Ajax
• Inti

Lembar contekan desain khusus ini juga dilengkapi dengan fitur pencarian yang luar biasa. Anda dapat memilih versi jQuery yang Anda cari dan mencari opsi tertentu. Ini adalah alat yang hebat untuk dimiliki sebagai referensi cepat dan mudah.

8. Terminologi UX

Sebagai seorang desainer UX, Anda berinteraksi dengan banyak orang yang berbeda dalam suatu organisasi dan tidak semua orang tahu istilah tersebut. Bukankah lebih bagus jika Anda tidak harus terus-menerus menjelaskan diri sendiri? Ini untuk Anda bagikan kepada rekan kerja Anda untuk membantu mereka memahami apa yang Anda bicarakan. Itu dipersembahkan oleh Bride Trozelli dan itu termasuk:

• latihan UX
• Peran UX
• aktivitas UX
• Istilah antarmuka pengguna
• kiriman UX

9. Lembar Cheat Ikon JQuery

Ini adalah daftar ikon cepat yang luar biasa yang dapat Anda buat dengan jQuery. Banyak dari Anda mungkin sudah tahu banyak tentang ini, tetapi ayolah!

Tidak semua dari kita dapat menghafal setiap satu dari mereka. Ini akan berguna bagi kita yang kesulitan mengingat informasi dari atas kepala kita. Ini juga bagus untuk pemula.

Ini dipersembahkan oleh Pete Freitag dari Foundeo Inc. Secara pribadi, ini adalah favorit saya dari semua lembar contekan desainer.

10. Lembar Cheat WordPress

Pembaca Mike Wallagher dari Startbloggingonline.com telah membagikan Cheat Sheets WordPress yang dia kembangkan ini. Ini bagus untuk pemula dan pengguna tingkat lanjut karena ia menawarkan kedua versi. Periksa mereka! Dan jika Anda memerlukan bantuan teknis, dapatkan bantuan WordPress dari WP Buffs!

Punya lembar contekan desain keren yang ingin Anda bagikan? Beri tahu kami di komentar di bawah.