TODO #14107

コンテンツ一覧 でドラッグアンドドロップできることが分かりづらい

- bluestyle が約2年前に追加. 4ヶ月前に更新.

ステータス:担当開始日:
優先度:急いで期日:
担当者:河野 哲哉進捗率:

0%

カテゴリ:コンテンツ管理
対象バージョン:-

説明

ちょっとしたものでいいので、ドラッグアンドドロップできることの注意書きがほしい。
ついでに右クリックでメニュー表示も注意書きあったらうれしい。

contentsList.png (173.121 KB) 大川 松樹, 2016/09/17 18:09

タテに広がる.png (160.462 KB) 大川 松樹, 2016/09/17 20:23

アイコンを全表示（小）.png (173.294 KB) 大川 松樹, 2016/09/17 20:23

マウスオーバーで表示.png (160.464 KB) 大川 松樹, 2016/09/17 20:23

アイコンを全表示.png (173.337 KB) 大川 松樹, 2016/09/17 20:23

backlog_メニューにカーソル時.png (39.585 KB) - garyuten, 2016/09/18 16:06

backlog_ドラック中.png (35.441 KB) - garyuten, 2016/09/18 16:06

backlog_行にマウスオーバー(何もできない）.png (39.241 KB) - garyuten, 2016/09/18 16:06

tweetdeck.png (114.542 KB) - garyuten, 2016/09/18 16:08

1717
1730
1731
1732
1733
1746
1747
1748
1749

履歴

#1 - 清末直 が約2年前に更新

  • 担当者 を 河野 哲哉 にセット
  • 対象バージョン を 正式版リリース準備 にセット

#2 河野 哲哉 が約2年前に更新

右クリックは隠し機能ぐらいのイメージで。

編集アイコンとメニューアイコンを並べて、クリックでの操作を推奨する。
メニューアイコンをわかりやすくするのとセット。

ドラッグがわかるようにするアイデアが出なければテキストで説明追加・・・。
できれば避けたい

#3 河野 哲哉 が約2年前に更新

  • 担当者 を 河野 哲哉 から - garyuten に変更

あ、そうだ無茶振りだ。

ドラッグアンドドロップできることを視覚的にわかるようにする
アイデアありませんか？

#4 河野 哲哉 が約2年前に更新

ひとまず

コンテンツツリー ドラックアンドドロップ可能な領域にマウスが入ったときにつかむアイコンに変える

は思いつきました。

#5 大川 松樹 が約2年前に更新

#6 河野 哲哉 が約2年前に更新

ひとまず思いついたところまでを大川さんに絵にしてもらいました。

  • 確認　編集　その他メニュー　のアイコン
  • オンマウスでドラッグ・アンド・ドロップのアイコンが出る

今より良くなったとは思うのですが、まだベストではないような・・・

#7 大川 松樹 が約2年前に更新

#8 河野 哲哉 が約2年前に更新

色々とアイデアベースで作ってみてもらっています。

#9 - garyuten が約2年前に更新

無茶振りされました。

編集アイコン位置は、 マウスオーバーで表示.png が個人的にいいと思いました。

そしてドラッグアンドドロップをわかりやすくする件は、以下の2点でどうでしょうか？

・最初から全行左端(トップページ以外）に触れる感じのアイコンを表示
　例）http://fontawesome.io/icon/bars/
　大川さんのデザイン案で上下矢印の分

・ドラッグアンドドロップのアイコン、及び編集メニュー以外の行背景にマウスカーソルが載った時、
　*CSSでカーソルを move (移動カーソル)に変更*
　参考） http://www.htmq.com/style/cursor.shtml

・トップページ行はドラックさせないので、 マウスカーソルは not-allowed(禁止)でいいかも

#10 河野 哲哉 が約2年前に更新

トップページ移動できる仕様らしいです。
ブログをトップにしたりできるとか！
自由度高くなってます。

マウスオーバーで出す、かっこいいのですが、
押しにくい人が結構いそうな点が気になっています。

うまく横方向にマウスを動かせないとフォーカス外れて
アイコンが消えるという動きになりそう。

#11 - garyuten が約2年前に更新

河野 哲哉 は書きました:

トップページ移動できる仕様らしいです。
ブログをトップにしたりできるとか！
自由度高くなってます。

自由度高い！！

マウスオーバーで出す、かっこいいのですが、
押しにくい人が結構いそうな点が気になっています。

それじゃ最初から全部表示させておく感じですかねー

ドラッグアンドドロップのアイコンと判定の参考例で
Backlogのプロジェクト設定のカテゴリ管理のスクショをアップしますね。

#12 - garyuten が約2年前に更新

参考までにtweetdeckのスクショも。
僕個人的に、ドラック中はマウスカーソルをmove(十字の矢印)にするのがしっくりきます。

#13 江頭 竜二 が約2年前に更新

  • 担当者 を - garyuten から 河野 哲哉 に変更

＞河野さん

こちら、4.0.1 でという事でよかったでしょうか？

#14 江頭 竜二 が約2年前に更新

  • カテゴリ を 追加要望 にセット

#15 河野 哲哉 が約2年前に更新

良いと思います＜4.0.1

#16 江頭 竜二 が約2年前に更新

  • プロジェクト を baserCMSベータテスト から baserCMS に変更
  • カテゴリ を 追加要望 から コンテンツ管理 に変更
  • 対象バージョン を 正式版リリース準備 から 4.0.1 に変更

では次に見送りますー

#17 江頭 竜二 が約2年前に更新

  • 対象バージョン を 4.0.1 から 4.0.2 に変更

#18 江頭 竜二 が1年以上前に更新

  • 対象バージョン を 4.0.2 から 4.1.0 に変更

#19 江頭 竜二 が4ヶ月前に更新

  • 優先度 を 通常 から 急いで に変更

#20 江頭 竜二 が4ヶ月前に更新

  • 対象バージョン を削除 (4.1.0)

他の形式にエクスポート: Atom PDF