Kurang berfikir. Reka bentuk yang lebih baik.

Menggalakkan aliran kerja yang lebih baik dalam reka bentuk UI melalui proses pengambilan keputusan dan pemikiran yang boleh diurus.

UI yang direka dengan baik adalah hasil daripada keputusan utama yang bukan sahaja membuat pengalaman intuitif, tetapi juga estetika menyenangkan kepada pengguna. Dengan membuat proses membuat keputusan lebih mantap, ia dapat memudahkan alur kerja dan peluang yang lebih tinggi untuk menghasilkan hasil yang optimum.

Lebih banyak kemungkinan yang ada dalam proses reka bentuk, lebih banyak berfikir yang diperlukan untuk melaksanakan dan finesse.

Psikologi Amerika Barry Schwartz menulis di The Paradox Of Choice yang menghapuskan pilihan boleh mengurangkan kebimbangan. Beliau berhujah bahawa kita harus mempunyai piawaian dan kriteria, tetapi tidak bimbang tentang kemungkinan ada sesuatu yang lebih baik. Ia dalam konteks pengguna, tetapi saya percaya ia terpakai untuk membuat keputusan reka bentuk juga.

Strategi memaksimumkan sebenarnya bukan menjadi perfeksionis, tetapi membuat keputusan yang paling baik yang tersedia yang secara kolektif mewujudkan pengalaman yang optimum.

1. Mengehadkan Pembolehubah

Sekiranya kita menganggap semua pemboleh ubah berpotensi untuk menghasilkan konsep kesetiaan yang tinggi, dan terdapat banyak, jelaslah bahawa kita perlu mengehadkan dan menentukan mereka lebih awal. Mengurangkan jumlah pilihan yang ada akan menjadikannya lebih mudah untuk ditegaskan.

Dengan pengalaman, menjadi lebih mudah untuk meramalkan bagaimana mengehadkan kumpulan pemboleh ubah tertentu mempunyai kesan mendarab sepanjang komposisi.

Mengurangkan pilihan tidak berkorelasi untuk mengurangkan keaslian. Anggapan kami adalah bahawa mewujudkan konsep di sekitar peraturan yang telah ditetapkan adalah batasan, tetapi sebagai pereka kami dapat menetapkan peraturan kita sendiri, dan berada dalam kawalan penuh untuk merumuskannya.

Skala & Spasi

Setiap aspek reka bentuk UI harus berputar di sekitar sistem yang mempromosikan irama dan membantu mengekalkan konsistensi dalam skala dan ruang sebagai projek berkembang. Salah satu sistem yang saya suka gunakan adalah skala modular, yang boleh memudahkan skala dari mana-mana nisbah yang diberikan untuk mengukur atau menetapkan saiz elemen atau ruang negatif dalam komposisi.

Sebaik sahaja kita memilih nisbah, skala modular dapat memudahkan untuk menentukan skala dan jarak

Walaupun ia dapat mengurangkan pemboleh ubah pada grid, tipografi, jarak menegak dan dimensi keseluruhan susun atur ke tahap yang boleh diurus, ia juga menyediakan estetika dan irama yang menyenangkan. Reka bentuk UI jauh lebih mudah.

Grid

Sistem Grid sangat bagus untuk menyekat bagaimana kandungan diatur dalam pesawat mendatar dan tanpa berfikir ketika datang ke UI. Walau bagaimanapun, grid sering dipilih tanpa terlalu banyak pemikiran, untuk menjadi satu-saiz-semua. Apa yang paling tidak pereka tidak menyedari adalah lebih baik untuk mencipta sistem grid yang dibina di sekeliling kandungan.

Sistem grid akan mengurangkan pemboleh ubah dalam susun atur

Ini bermakna mempunyai pemahaman yang jelas mengenai senario kandungan terlebih dahulu supaya ia dapat melukis gambar bagaimana untuk lebih baik menyampaikan kandungan dari grid tertentu. Fikirkan kekangan perniagaan dengan aset sedia ada dan panduan jenama, seperti logo yang mempunyai peraturan dan keperluan jarak tertentu, atau mungkin iklan dengan unit tetap tertentu.

Jenis kandungan juga merupakan faktor. Terdapat perbezaan yang besar antara merancang susun atur untuk kedai, penerbitan berita atau blog, atau halaman percikan mudah. Susun atur yang imej-berat berbanding kata-berat. Ia berguna untuk memahami corak pemarkahan mata dan bagaimana ia memberi kesan kepada hierarki visual.

Semakin banyak kefahaman tentang halangan perniagaan dan kandungan terdahulu, semakin mudah untuk memilih sistem grid dan membuat keputusan susunan.

Typography

Saya akan berpendapat bahawa tipografi adalah aspek yang paling penting dalam reka bentuk UI, kerana dapat menghasilkan hingga 95% dari web dan menjadi daya penggerak komunikasi.

Walaupun sistem seperti skala modular boleh digunakan untuk saiz dan gaya, gaya dan gaya font, juga boleh dibataskan. UI tidak boleh melebihi dua keluarga dan beberapa berat. Kaedah-kaedah juga boleh diperluaskan kepada bagaimana kes justifikasi dan kes tajuk dikendalikan.

Warna

Sangat mudah untuk mendapatkan lebih bersemangat dengan palet. Pelbagai warna nada boleh pergi jauh untuk menghasilkan visual yang mencukupi dan konsisten. Biasanya semua yang kita perlukan untuk titik permulaan adalah lima swatch.

Alat seperti Adobe Color CC memudahkan untuk menentukan predefine palet

Kebanyakan jenama harus memasukkan warna primer atau aksen, dan beberapa nada neutral atau berbeza untuk memuji. Kami tidak memerlukan 15 warna satu nada, terutama pada mulanya. Adalah lebih baik untuk memulakan kecil dan menambah naungan atau dua kemudian.

Imej

Bagaimana kita memasukkan gambar ke dalam UI adalah sebahagian besarnya ditentukan oleh konteks kandungan. Jika kita mempunyai tanggapan yang kasar tentang apa itu, kita boleh membuat titik permulaan bagi imej kita dengan pembolehubah untuk nisbah, saiz, bentuk, dan rawatan. Kita mungkin mendapati bahawa kita tidak memerlukan banyak orang.

Mengehadkan pembolehubah imej kami akan menguatkuasakan konsistensi yang lebih baik dan memudahkan untuk menguruskan aset imej dalam jangka panjang. Begitu juga untuk ikonografi.

Berapa banyak variasi nisbah dan saiz untuk imej yang kita perlukan?

2. Membuat Panduan Gaya Sebelumnya

Sebagai projek UI berkembang secara konseptual menjadi semakin penting untuk mencipta dan mengekalkan panduan gaya, atau corak perpustakaan. Ini akan mewujudkan prinsip reka bentuk untuk membantu skala projek, mengekalkan irama dan konsisten. Sekiranya kita mendefinisikan pembolehubah sebelum ini, ini cara yang baik untuk mendokumenkannya. Pengambilan keputusan masa depan akan menjadi lebih mudah dengan panduan gaya daripada tanpa seseorang.

Bergantung pada projek itu, mencipta panduan gaya adalah mewah dan sering digunakan untuk rujukan masa depan. Inilah sebab mengapa kebanyakan panduan gaya dapat disatukan pada saat-saat akhir atau selepas projek selesai, dan itu masih merupakan amalan yang baik. Tetapi sementara terdapat banyak rasionalisasi dan alasan untuk panduan gaya untuk membantu reka bentuk dan pembangunan prospektif, ia sebenarnya boleh membantu membina kesetiaan di peringkat awal konseptualisasi.

Mewujudkan panduan gaya asas pada mulanya tidak hanya akan mewujudkan prinsip awal untuk mengurangkan keputusan reka bentuk, tetapi juga membantu sebagai infrastruktur untuk berkembang dan menambah pengetua ke depan.

Membuat satu pada permulaan tidak bermakna ia perlu lengkap - jauh dari situ. Gaya cenderung berkembang lebih awal lagi pada peringkat awal, dan projek yang lebih besar semakin menjadi semakin jelas dan semakin sempit.

3. Keutamaan dan Penyesuaian Berdasarkan Modular

Dalam sistem reka bentuk berasaskan modular, seperti Reka Bentuk Atom Brad Frost, susun atur boleh dirumus daripada kawasan utama tertentu. Modul boleh digunakan semula di pelbagai susun atur. Antara muka diperlakukan sebagai sistem dan bukan halaman, dengan reka bentuk dan pembangunan berasaskan corak sebahagian besar prosesnya.

Ini adalah metodologi yang hebat dan ia membuat reka bentuk UI lebih mudah diurus, tetapi untuk menjadikannya lebih berkesan, kita perlu mengutamakan bidang utama dan menyesuaikan segala yang lain di sekelilingnya. Ini seterusnya akan memastikan terdapat pengertian visual.

Kenal pasti Bidang Utama

Reka bentuk kami harus berputar di sekeliling bahagian penting. Keutamaan setiap kawasan ditentukan oleh kandungan atau fungsinya dalam antara muka, dan pada dasarnya adalah kunci teka-teki.

Dengan memberi tumpuan kepada bidang-bidang penting terlebih dahulu, kita akan mengurangkan keputusan reka bentuk selepas itu kerana kawasan-kawasan berikutnya harus membengkokkan dan menyesuaikan diri dengan persekitaran yang mapan.

Tumpuan pada Bidang Utama

Apabila bidang keutamaan yang tinggi telah dikenalpasti, ia adalah mengenai tumpuan super pada bahagian kritikal dan menumpukan mereka untuk disiapkan. Idea ini adalah untuk memastikan ia intuitif dan memenuhi semua keperluan sebelum menyesuaikan bidang yang kurang penting.

4. Membuat Ia Bekerja Untuk Semua Orang

Selama ribuan tahun pereka telah berusaha untuk melakukan satu perkara - berkomunikasi dengan berkesan. Kami terus mencipta semula dan menyempurnakan cara untuk lebih berkomunikasi secara visual dan mendalam kepada penonton.

Dengan akses yang semakin meningkat kepada maklumat dari khalayak yang paling luas, menjadi sangat penting untuk memaksimumkan akses kepada seberapa banyak jenis orang yang mungkin.

Kebolehcapaian adalah Rahmat Dalam Menyamar

Catering kepada penonton yang lebih luas kelihatan seperti kerja lebih banyak, dan ia menggoda untuk melihat kebolehaksesan sebagai penghalang kepada inovasi. Walau bagaimanapun, mematuhi piawaian terkini boleh menjadi rahmat yang menyamar, terutamanya jika mereka menjadi sifat kedua.

Contoh-contoh ini dalam bentuk reka bentuk boleh termasuk memerlukan kita memerlukan saiz faks minimum pada salinan badan, atau sejumlah besar kontras di antara salinan dan latar belakang, atau kawasan yang lebih besar pada peranti sentuh.

Ia Bukan Hanya Mengenai Orang Kurang Upaya

Kebolehcapaian bukan hanya menampung ketidakupayaan seperti yang ada, tetapi juga kepada pengguna dengan peranti warisan dan penyemak imbas yang tidak menyokong semua ciri dan tambahan terkini. Menyedari piawaian-piawaian ini dan memerhati mereka secara semula jadi akan mengurangkan keputusan reka bentuk.

5. Menggunakan Corak Mencuba Dan Diuji

Hakikatnya, para pengguna mencari antara muka intuitif apabila mereka mematuhi beratus-ratus corak reka bentuk biasa yang telah diserap dari tahun amalan dan eksposisi. Sebaik sahaja kita mula memecah dari acuan tipikal dan menginjak tanah baru, kita mungkin mendapati ia mengambil masa untuk corak baru untuk menjadi intuitif kepada orang ramai.

Terdapat masa dan tempat untuk mencipta corak UI asal, tetapi kita tidak seharusnya menghindari teknik biasa - mereka berjaya atas alasan.

Lapisan perak adalah untuk kita bimbang tentang menanda semula, dan menumpukan pada estetika. Ia masih mungkin untuk mencipta karya asal berdasarkan corak yang ditubuhkan.

Lebih-lebih lagi kita dapat mengenali dan mengintegrasikan corak reka bentuk yang berjaya, pilihan kurang yang kita perlu buat sebagai pereka. Kami tidak semestinya menimbangkan apa yang mungkin berfungsi, tetapi apa yang akan berfungsi.

Nota Akhir

Sesetengah pendekatan ini secara individu tidak dapat mengurangkan pemikiran dan pengambilan keputusan kami, atau memperbaiki reka bentuk kami dengan margin yang tinggi. Menggabungkan mereka bersama-sama, bersama-sama dengan mendapatkan maklum balas yang baik di sepanjang jalan, boleh menjadikannya lebih mudah untuk mereka bentuk UI yang lebih baik.

Ikuti saya di Twitter