Kombinasi warna untuk tiga tombol

Kombinasi warna apa yang paling cocok untuk ketiga tombol ini:

Haruskah mereka semua tetap memiliki warna yang sama?

Ini adalah opsi saya:

Gambar seluruh halaman

The Go tombol harus lebih besar dan memiliki kontras tertinggi dari semua karena itu satu primer.

The Batal tombol apa-apa karena itu adalah tindakan sekunder dan harus netral .

Bagi saya tombol Switch memiliki terlalu banyak kehadiran baik dalam ukuran dan konstrast. Saya akan menempatkannya di antara dropdown Asal-Tujuan, di mana lebih masuk akal "dengan sendirinya".

Berikut dua solusi serupa yang bagi saya jauh lebih bersih dan menawarkan kegunaan yang lebih baik untuk tujuan khusus ini (saya pribadi akan memilih yang pertama ):

Hanya FYI: Saya menggunakan ikon Font-Awesom e, yang ada di gambar pertama adalah (tergantung pada versi Anda) pertukaran ikon / pertukaran fa dan panah yang ikon -panah-kiri / kanan dan fa-panah-kiri / Baik

EDIT - Menghapus kekacauan ( berdasarkan komentar DA01 ):

Jika tombol Hapus hanya akan menghapus dua bidang (dari / ke) itu tampaknya tidak perlu karena bagaimanapun pengguna harus mengklik pada setiap dropdown dan membuat pilihan dan ini tidak berubah jika Anda menambahkan tombol Hapus .
Jika demikian, saya akan merekomendasikan untuk menghapusnya, sehingga Anda mendapatkan antarmuka yang lebih bersih dan mencegah pengguna untuk melakukan tindakan yang tidak menambah nilai bagi mereka (dan bahkan secara tidak sengaja menghapus apa yang telah mereka pilih).

Salah satu solusinya adalah memisahkan tombol Anda secara visual berdasarkan prioritas.

Anda biasanya memiliki tombol utama, tombol sekunder dan kadang-kadang tombol tersier dan / atau tombol tindakan yang tidak disukai.

Untuk Primer dan Sekunder, saya biasanya menyarankan warna branding pilihan Anda (murni subjektif) dalam dua tingkat kontras. Kontras tinggi untuk primer, sedikit kontras untuk sekunder.

Tombol tersier yang biasanya saya coba hindari dan malah pergi dengan visual yang sama sekali berbeda, seperti tautan.

Jadi, berikan contoh Anda, dan menafsirkan konteksnya sebisa mungkin, saya akan menyarankan sesuatu seperti ini:

Itu hanya contoh yang sangat cepat dan Anda harus mengonfirmasi kontrasnya memenuhi pedoman aksesibilitas dan tidak terlihat dinonaktifkan (yang menurut saya memang demikian, sehingga perlu diubah), tetapi mudah-mudahan ini bisa menjelaskan.

UPDATE: Saya baru tahu ketika saya memposting ini bahwa ini adalah pola yang digunakan StackExchange ketika membuat posting baru. Tombol SAVE adalah yang utama, BATAL adalah tersier dan ditampilkan sebagai tautan daripada tombol.

Warna kontras tinggi (misalnya hitam-putih) selalu yang terbaik, jenis yang menghilangkan opsi oranye. Dan kemudian, menambahkan sedikit pemasaran ke dalam campuran, apa skema warna yang digunakan untuk sisa halaman Anda dalam hal tombol, aplikasi? Tetapi jika saya harus memilih: Go: green; Beralih ...: biru laut; Jelas: hitam-putih. Warna yang diingat juga terkait dengan preferensi.

(Di luar topik: Anda bisa menghilangkan label panjang untuk beralih dengan tombol berlabel ikon di antara kedua bidang)

Saya akan mengatakan mengubah kontras warna yang sama untuk menunjukkan penekanan . Mengapa? ( 1 dari 12 pria buta warna dan 1 dari 200 wanita juga buta warna

Anda juga ingin memandu pengguna menuju jalur yang dimaksud melalui sistem sehingga saya akan membuat tombol Go lebih gelap. Mereka dapat memindai semua tombol dan memprosesnya atau mereka dapat memiliki sesuatu seperti warna yang lebih gelap atau ukuran yang lebih besar menarik mereka ke pilihan yang dimaksud atau 80% paling umum dengan cara yang mereka lihat di sana terlebih dahulu dan mengatakan ya itu menghemat waktu mereka.

Artikel ini mengatakan orang harus membuat tombol yang paling penting terlihat seperti itu

Lihat contoh mereka di bawah ini

Tidak terlihat sebagus gambar di bawah ini (Menurut saya)

Artikel itu juga menyebutkan untuk meletakkan tombol dalam urutan yang masuk akal . Jadi menurut pendapat saya, saya akan meletakkan tombol go di sebelah kanan karena pengguna berbahasa Inggris dari kiri ke kanan (jadi mereka secara alami melihat ke kanan untuk mengakhiri tanda-tanda). Saya akan meletakkannya di sebelah kiri untuk pengguna arab. Itulah cara saya mengaturnya untuk pasar Inggris.

Topik terakhir dalam artikel itu adalah Mempersulit untuk menemukan tombol yang merusak Dalam skenario Anda, saya akan mengubah pesanan Anda seperti itu jika mengklik saat bepergian dan Anda tidak sengaja ketinggalan di sebelah kiri Anda mungkin akan mengubah lokasi pengiriman daripada menghancurkan tindakan. Anda juga dapat mengkonfirmasi tugas yang merusak jika Anda merasa perlu (yaitu, apakah Anda yakin?).