Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
tommy6073 opened this issue Apr 29, 2019 · 11 comments

Comments

Projects
None yet
2 participants
@tommy6073
Copy link
Collaborator

commented Apr 29, 2019

(このIssueはRedmineのチケットから移行されています)

作成者: - bluestyle
作成日: 2016/09/17 16:20

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

@tommy6073

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/17 07:46:59

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

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




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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/17 07:51:49

  • 担当者 を 河野 哲哉 から - garyuten に変更
    あ、そうだ無茶振りだ。

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

@tommy6073

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/17 08:09:00

ひとまず

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




は思いつきました。
@tommy6073

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/17 09:13:39

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

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




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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/17 11:24:42

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

@tommy6073

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: - garyuten
投稿日: 2016/09/18 04:37:26

無茶振りされました。

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




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




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




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




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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/18 05:27:59

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

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




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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: - garyuten
投稿日: 2016/09/18 07:06:14

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

自由度高い!!

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

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




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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: - garyuten
投稿日: 2016/09/18 07:09:50

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

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 江頭 竜二
投稿日: 2016/09/24 06:47:06

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

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

@tommy6073

This comment has been minimized.

Copy link
Collaborator Author

commented Apr 29, 2019

投稿者: 河野 哲哉
投稿日: 2016/09/26 07:30:04

良いと思います<4.0.1

@tommy6073 tommy6073 assigned tommy6073 and unassigned tommy6073 Apr 29, 2019

@ryuring ryuring added the Review label May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Repository owner deleted a comment from tommy6073 May 12, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.