Yunyの{まんぱわぁ遠眼鏡} このページをアンテナに追加 RSSフィード

金のほし・2005のとし・06の24のひ

[]ユーザインターフェイスは標準OSを基準にすべきでは。 ユーザインターフェイスは標準OSを基準にすべきでは。 - Yunyの{まんぱわぁ遠眼鏡} を含むブックマーク はてなブックマーク - ユーザインターフェイスは標準OSを基準にすべきでは。 - Yunyの{まんぱわぁ遠眼鏡}

はてなのいろいろなサービスの設定画面で、2つボタンが並んでいるものが時々あります。

例えば、はてなブックマークデザイン編集画面はこのようになっています。

はてなブックマーク > [ブックマークの設定名称:"Yuny's UFO way"など] > ブックマークの設定 > デザイン編集)

f:id:Yuny:20050626223212:image

プレビュー】【この内容に変更する】と、右側に確定系のボタンがあります。


機能からすればこの並び順は自然に思えます。と、いいますのは、パソコンOS*1でも、変更を確定するもの(保存、OKなど)は一番右にくるようになっています。これが業界標準といっていいでしょう。右側にあるものが、一番押しやすいという風に統一されているようです。

f:id:Yuny:20050626190715:image

しかし、はてなの場合、時々このボタン順が逆になっているのがありまして。大変非常にものすごくやりづらいです。

例えば、人力検索はてなの回答がいい例なのですが、回答入力画面ではこのように、確定系([回答する])が左に来ています。

f:id:Yuny:20050626185011:image

しかし次のプレビュー画面では確定系([この内容を登録する])が右にあります。

f:id:Yuny:20050626185121:image

この場合、右のボタンを連続して押していけばいい設計になっていなくて、非常に使いにくいです。

2005/07/15追記

要望が実装され、このようになりました。

f:id:Yuny:20050715154515:image


また、ダイアリーに記事を書いてアップする時にプレビュー機能がありますが、

プレビュー】【この内容を登録する】

という風になっていますが、そのとなりに「ちょっとした更新」チェックボックスキーワード編集画面へ飛ぶリンクがあります。これも使いにくいです。

f:id:Yuny:20050626184500:image

『確定系ボタンは一番右』という原則を立てるとすれば、このようにした方がいいかもしれません。(スクリーンショットからPhotoshopで合成)

f:id:Yuny:20050626224108:image

もっとも、「ちょっとした更新」チェックボックスと「この内容を登録する」ボタンに距離が出来てしまうので、ここまでを徹底するのはあまり良くないかもしれませんが。


みなさん、どうかidea:3313上場して下さい。

ボタンが逆の例(i:3313の要望のコメント欄と同じ物)

ここに掲載されていない、未発見の事例もあると思います。参考程度にお願いいたします。

なお、はてなにもHuman Interface Guidelineが必要だと思います。アップル社がMacのためのプログラムを作った時に、ユーザインターフェイスガイドラインを厳しく引いていましたが、その事の本です。このように、はてな流のガイドラインを公開するべきではないでしょうか?


[]アイデアクラブに投稿 アイデアクラブに投稿 - Yunyの{まんぱわぁ遠眼鏡} を含むブックマーク はてなブックマーク - アイデアクラブに投稿 - Yunyの{まんぱわぁ遠眼鏡}

はてなアイデアクラブとは - はてなキーワード

ポイントが無いので、はてなアイデアクラブに投稿しました。どなたかよろしく。

ポイントが入りましたので自分で登録します。

*1GUIの基本を作ったMac OSを想定しています。

*2:次の画面の「はてな 回答プレビュー」は[回答入力画面に戻る][この内容を登録する]でOK。

YunyYuny2005/06/26 22:496/26、22:48、改訂しました。ダイアリーの登録画面はよく考えてみたらオプションが使いにくいので、はてなブックマークのデザイン画面に変更。

garyogaryo2005/07/09 11:58私も右が確定だと使いにくい(押し間違えたことあり)ので5000まであげておきました。

YunyYuny2005/07/09 14:31ありがとうございます。はてなはネットでの「基本ソフト」(OSではないにせよ)を指向しているようなところがあるので、統一した方がいいんじゃないかなと思います。

YunyYuny2005/07/11 17:04はてなアイデアミーティングで放送されました。どうやら左に統一されそうな雰囲気ですね。大変だと思うんですけど、よろしくお願いします。

YunyYuny2005/07/15 15:18右に統一されたような感じですね。はてなスタッフのみなさんお疲れ様でした!!
やっぱり、横書きなんだから、流れとして右にあるのがふさわしいです。

aki73ixaki73ix2005/07/29 08:14う~ん、右が確定だと使いにくいかも(ノ_・、)
Windowsは左に確定があるので、つい癖でまちがって、キャンセルしてしまい入力のやり直しに・・・・

YunyYuny2005/07/29 10:30ども。ボタンが左か右かは結構大問題ですよね?
でも、Windowsソフトウェアも「保存」ダイアログの「OK」ってたいてい右にありませんか? 左でしたっけ?
横書きと言うインターフェイスの流れから言うと、左から右に物事は進むので、(IEとかでも「←」は戻る、「→」は進む)自然な流れからいって、基本的に確定系は右にあるべきではないかと考えられます。いずれにせよ、あっちゃこっちゃしていると混乱するのでどちらかに統一された方がいいというのは間違いじゃないと思います。
<br />
なお、Windowsで多くのアプリは何故だか左に確定を置いているのは完全に失念していました。Mac出身であるAdobe系デザインソフトウェアしかWindowsで使っていないので、何となく勘違いしてました。普段使っているのはMacだし……。その点、提案する文章にミスがあったのに投稿時に気が付かなかったです。
(はてなアイデアのコメント内で他の方から左のご提案もありましたし、はてなアイデアミーティングでも左か右かはお話しになっていて「やるなら左かなあ」みたいな事は出ていたと思います。そう聞いていたので、結果的に右採用になったのはちょっとびっくりしたことでもありました)

aki73ixaki73ix2005/08/10 04:22Windowsでは、Adobe関係もTabOrderはOKの方が上位みたいです
良かったらトラックバック参考にどうぞ

YunyYuny2005/08/10 08:52やはりその辺はwindows上で違和感がないように設計されているみたいですね。完全に勘違いしていました。m(_ _)m

このグループについて
Copyright (C) 2004 hatena. All Rights Reserved.