it-swarm.asia

Logika Antarmuka CMS. - Apakah ini pendekatan terbaik?

Saya sedang mengembangkan sistem cms. Saat ini saya sedang mengerjakan Interface untuk menambahkan item menu baru ke menu. (Karena cms Logic menu diperbaiki, pengguna tidak dapat menambah atau menghapus menu, hanya menghapus semua item menu dan Menetapkan item menu ke menu atau item menu).

Untuk menambahkan item menu baru, pengguna harus mengklik area besar di atas menu (lihat gambar 2). Ini akan membuat bidang input muncul. Menyimpan input Anda akan menghasilkan item menu baru yang muncul di kotak "Tidak Ditugaskan". Untuk memposisikan item menu, Anda cukup menyeretnya ke salah satu menu ke posisi yang diinginkan.

Jika Anda ingin menghapus item menu, Anda cukup menyeretnya ke tempat sampah. Jika Anda ingin mengedit item yang baru saja Anda klik, item akan disorot dan kolom input (seperti yang menambahkan item baru) akan muncul diisi dengan informasi dari item menu yang Anda pilih. Cukup ubah dan klik simpan. Untuk mengubah posisi suatu barang, seret saja ke posisi yang diinginkan.

Saya harap semuanya mudah dimengerti.

Pertanyaan saya adalah:

Apakah ide ini mudah digunakan dan logis? Apakah ini cara terbaik untuk melakukannya atau apakah Anda memiliki ide yang lebih baik? Apakah Anda memiliki komentar/ide untuk perbaikan?

cms ui img 1 img 1

cms ui img 2 img 2

// Perbarui.

Oke, jadi saya melakukan mockup. Saya memang memasukkan semua komentar ArchieVersace seperti yang saya mengerti. Adapun kotak edit modal: itu hanya sketsa cepat, jadi tidak ada input nyata, ukuran, ....

Navigation TreeAdd/Edit BoxTrash Bin

// Perbarui 10/29/2010

Jadi perubahan saya saat ini:

  • tidak ada tempat sampah
  • struktur pohon vertikal
  • tambah tombol (di sebelah nama menu, tetapi mungkin diposisikan ulang)
  • item menu yang belum ditetapkan di atas menu jika dibuat tanpa memilih posisi sebelum Menempatkan 3 Menu (jumlah rata-rata proyek saya) di sebelah satu sama lain masing-masing memiliki lebar sekitar 300px. Itu sudah cukup, karena saya hampir tidak pernah memiliki menu dengan lebar lebih. Saya akan menambahkan tombol untuk menutup menu, tetapi saya ingin semua item tidak diciutkan saat startup (tapi mungkin menyimpan preferensi terakhir melalui cookie).

Saya memang memerlukan javascript untuk cms saya, itu tidak akan didistribusikan seperti wordpress, tetapi dijual per proyek, jadi saya bisa memerlukan js. Ini berarti, tidak perlu untuk mundur (menyimpan/membatalkan) untuk penentuan posisi menu.

Pengguna saya mungkin menggunakan sistem hampir setiap hari, tetapi beberapa mungkin juga memperbarui konten halaman web mereka hanya setiap beberapa bulan. Karena itu saya pikir itu semudah mungkin. Karena ini saya pikir sangat penting untuk memasukkan tombol add lain yang selalu terlihat. Menambahkan item menu dengan tombol ini menghasilkan item menu yang tidak ditetapkan ke menu apa pun. Dalam hal ini bagian di atas menu dapat muncul memegang item yang baru dibuat.

Apakah Anda pikir ini ide yang bagus? Ini tidak akan terlihat/mengambil ruang jika tidak ada item menu yang baru saja dibuat.

alt text

8
Lukas Oppermann

Saya pikir tata letak menu bisa membingungkan. Pertama, itu tidak masuk akal secara hierarkis - Mengapa hanya tingkat pertama diletakkan secara horizontal dan tingkat lainnya vertikal? Masalah lain adalah apa yang terjadi ketika ada lebih banyak item tingkat pertama? Pengguliran horizontal bukan solusi yang bagus dalam banyak kasus. Saya akan membuat semuanya vertikal dan kemudian membuat sub-item seperti yang sudah Anda lakukan.

Bagian menu sampah dan meta tidak diperlukan, menurut pendapat saya. Jika Anda hanya memiliki 3 input untuk diisi untuk setiap item menu, pemulihan dari sampah tidak sebesar itu. Selain itu, fungsi bagian menu meta dapat diganti dengan menu salin yang ada saat Anda membuat menu baru. (Jika itu secara otomatis diisi oleh semua halaman di situs, sekali lagi, Anda perlu memikirkan skala). Kedua bagian dapat diganti dengan bagian item menu edit.

Selain itu, terlihat hebat. Saya suka kesederhanaan maket Anda.

0
Virtuosi Media

Jika saya hanya melihat layar ini tanpa penjelasan Anda yang panjang, sulit untuk mengetahui apa yang harus dilakukan, apa yang harus diklik dan apa urutan interaksi. Yang dengan sendirinya cukup jelas: antarmuka pengguna yang hebat umumnya membutuhkan penjelasan minimal (pikirkan sesuatu seperti iPhone atau Wii, di mana sangat cepat sangat jelas apa yang perlu Anda lakukan tanpa perlu paragraf teks untuk memulai) .

Jadi hal pertama yang akan saya lakukan adalah menunjukkan layar ini kepada beberapa orang lagi (IRL) dan lihat bagaimana mereka merespons tanpa penjelasan Anda. Apakah mereka mengerti? Apakah mereka tahu apa yang mereka lihat dan apa yang diharapkan dari mereka di sini? Jika tidak - jika Anda perlu menjelaskan beberapa hal - maka Anda harus mempertimbangkan mengatur ulang layar. Anda dapat melakukan ini dengan mengumpulkan umpan balik dari orang-orang, atau dengan membuat prototipe aplikasi dan membuat orang menggunakannya (hati-hati dengan menyarankan kepada mereka apa yang harus mereka lakukan - biarkan mereka tersandung sendiri).

Umpan balik yang Anda terima pada tahap itu akan jauh lebih bermanfaat daripada pendapat orang di sini.

Juga, pertimbangkan bahwa karena gambar Anda saat ini menggunakan bingkai gambar hitam dan putih, akan lebih sulit untuk mengetahui bobot visual bagi orang yang melihat desain daripada jika Anda sedikit meningkatkan kesetiaan, menambah warna, dan menggunakan tipografi dalam berbagai derajat untuk membantu dengan bagaimana mata saya harus bergerak di atas layar.

2
Rahul

Saya dapat menawarkan Anda bantuan dengan interaksi tertentu (seperti yang saya miliki di bawah) tetapi itu hanya akan digunakan terbatas karena saya tidak tahu apa yang Anda coba capai. Apa yang benar-benar perlu Anda lakukan adalah menyatakan persyaratan sistem. Apa yang ingin dicapai oleh pengguna Anda? Seberapa sering mereka akan menggunakan sistem? Apa tingkat keahlian mereka? dll.

Misalnya, pengguna sistem yang jarang mungkin lupa bagaimana menggunakannya di antara penggunaan karena itu dalam hal ini Anda perlu membuat antarmuka sangat mudah digunakan dan diambil. Namun, jika pengguna Anda sering berkunjung, pendekatan yang terlalu disederhanakan dapat membuatnya frustasi karena pengguna tidak tinggal lama untuk pemula; mereka dengan sangat cepat akan menjadi pengguna perantara yang membutuhkan daya ekstra. Saya tidak mengatakan Anda membuat sesuatu yang sulit untuk digunakan tetapi untuk pengguna menengah Anda tidak perlu takut untuk menambah kekuatan dan kompleksitas tambahan.

Dalam hal mock up yang Anda berikan, berikut adalah beberapa saran khusus:

  • Hapus panel yang tidak ditugaskan, tambahkan, dan buang karena mereka tidak menawarkan fungsionalitas yang cukup bermanfaat bagi pengguna untuk jumlah ruang yang digunakan.
  • Letakkan tombol add dalam konteks di mana ia ditambahkan juga, sehingga pengguna dapat menambahkan ke tempat yang mereka inginkan daripada menambahkannya dan kemudian memposisikannya.
  • Ketika pengguna ingin mengonfigurasi item menu, tunjukkan kotak abu-abu dengan bidang untuk mengumpulkan informasi
  • Tambahkan tombol edit dan hapus ke setiap item menu
  • Tambahkan kontrak dan perluas tombol ke setiap level dalam menu, secara default semua level dikontrak.
  • Berikan ruang yang cukup untuk item menu yang lebih panjang
  • Anda harus mempertimbangkan untuk menambahkan opsi rollback seperti menyimpan & membatalkan tombol

Di bawah ini adalah mock up: alt text

1
ArchieVersace

Pembaruan lain. alt tree

Saya tidak yakin kehilangan tombol add. Apakah orang akan tahu cara menambahkan item menu dengan mudah?

Juga, bagaimana Anda bisa menambahkan item menu sebagai level atau sublevel yang sama? Yang sekarang mungkin akan saya sublevel (sebenarnya untuk ini tombolnya harus dipindahkan sedikit ke kanan). Tetapi bagaimana Anda menambahkan item baru pada tingkat yang sama di tempat yang Anda inginkan?

Di menu footer saya mencoba menunjukkan bagaimana tampilannya menyeret item menu ke posisi yang berbeda.

0
Lukas Oppermann