ユーザビリティ専用スレ

このエントリーをはてなブックマークに追加
893 ：Name_Not_Found：02/04/14 13:20 ID:Ea/krRjP
>>892
よく数えたね…
あと、プルダウンメニューの「目次」を押すと「page-1」「page-2」オイオイ…。

これはどこのサイトにも言えるし、ｶﾞｲｼｭﾂだろうけど、
「戻る」「BACK」っての辞めようよ。
「○○のページ（カテゴリ）に戻る」ならいいんだけど。
検索から飛んでくると、どこに戻るんだよ！っなっちゃう。
悲惨なのはJavaScriptで履歴の前のページに戻ってしまう時…
894 ：Name_Not_Found：02/04/14 21:39 ID:EoeEolDb
終了
895 ：Name_Not_Found：02/04/14 22:32 ID:SqY3g+QM
>>881
>>884

サンプルとして
http://pc.2ch.net/test/read.cgi/hp/1006224399/290
http://pc.2ch.net/test/read.cgi/hp/1006224399/315
896 ：Name_Not_Found：02/04/14 23:55 ID:t1SHcARy
終了だつってんだろヴァカ。
897 ：Name_Not_Found：02/04/15 06:50 ID:fk7OTIQd
このスレはWeb板ある限り終わりません。
>>896はWeb制作やめるが吉。
898 ：Name_Not_Found：02/04/15 08:05 ID:1N0SJu7C
馬鹿は完全無視が吉。
899 ：Name_Not_Found：02/04/15 14:33 ID:efV5Iwoi
>>895

ありがとうｺﾞｻﾞﾏｽ

http://pc.2ch.net/test/read.cgi/hp/1006224399/315
の方を試してみましたが、Mozillaでは良好です。IEではダメですが…。
900 ：Name_Not_Found：02/04/15 17:04 ID:c63hzuvk
>>899
IEでも動作させるようにするには、〜NS()系のメソッドとEventListenerをいじる必要があると思います。
以前試してみたけれど、成果を削除してしまった…
901 ：Name_Not_Found：02/04/17 06:32 ID:VxQvS04z
>>900

嗚呼、もったいなや…。

これがIEでも使えれば、link要素を本来の用途に使えるようになるですね。
902 ：900：02/04/17 10:14 ID:1hCe6Bi8
こんな感じだったかなあ。
IE6とMozilla 0.9.9では動作しましたが、Opera 6では動作しませんでした。
IE4以前やNN/NCでは多分全滅です。IE5/5.5はグレー(おそらく動くと思いますが)。

var keys = new Array();
keys["start"] = "S";
keys["sext"] = "N";
keys["srev"] = "P";
keys["sontents"] = "C";
keys["index"] = "I";
keys["glossary"] = "G";
function navi()
{
    var links=document.getElementsByTagName("link");
    var navi=document.createElement("ul");
    navi.className="navigation";
    navi.title="navigation";
    var panel=document.getElementById("NavigatorPanel");
    for (var i = 0; i < links.length; i++) {
        var item=navigatorItem(links.item(i));
        if(!item) continue;
        navi.appendChild(item);
    }
    panel.appendChild(navi);
}
function navigatorItem(linkElement)
{
    if(!linkElement.getAttribute("href")) return null;
    if(!linkElement.getAttribute("rel")) return null;
    if(linkElement.getAttribute("rel").toLowerCase().indexOf("stylesheet")>=0) return null;
    var listItem=document.createElement("li");
    var anchor=document.createElement("a");
    if(linkElement.getAttribute("type")) anchor.setAttribute("type", linkElement.getAttribute("type"));
    if(linkElement.getAttribute("charset")) anchor.setAttribute("charset", linkElement.getAttribute("charset"));
    if(linkElement.getAttribute("hreflang")) anchor.setAttribute("hreflang", linkElement.getAttribute("hreflang"));
    if(linkElement.getAttribute("rev")) anchor.setAttribute("rev", linkElement.getAttribute("rev"));
    anchor.setAttribute("rel", linkElement.getAttribute("rel"));
    anchor.setAttribute("href", linkElement.getAttribute("href"));
    var key=getAccessKey(linkElement.getAttribute("rel"));
    if(!key) anchor.setAttribute("accesskey", key);
    if(linkElement.getAttribute("title")) anchor.appendChild( document.createTextNode(linkElement.getAttribute("title")));
    else anchor.appendChild(document.createTextNode(linkElement.getAttribute("rel")));
    listItem.appendChild(anchor);
    return listItem;
}
function getAccessKey(relString)
{
    return keys[relString.toLowerCase()];
}
function Initializer()
{
    function Initializer_handleEvent(e)
    {
        navi();
    }
    this.handleEvent=Initializer_handleEvent;
    return this;
}
    if(window.addEventListener) window.addEventListener("load", new Initializer(), true);
    else if(window.attachEvent) window.attachEvent("onload", navi);
903 ：900：02/04/17 10:16 ID:1hCe6Bi8
>>902
accesskeyがうまく設定されていない模様です。
904 ：Name_Not_Found：02/04/17 12:12 ID:DsYbHaiQ
>>902, >>903
keys のところで typo がありますから
905 ：900：02/04/17 12:51 ID:1hCe6Bi8
>>904
しまった、修正忘れてました。

var keys = new Array();
keys["start"] = "S";
keys["next"] = "N";
keys["prev"] = "P";
keys["contents"] = "C";
keys["index"] = "I";
keys["glossary"] = "G";

ですね。
しかし、ここを直してもaccesskeyが利かない…
906 ：904：02/04/17 18:28 ID:metJ7csn
>>905
>if(!key) anchor.setAttribute("accesskey", key);
if(key) anchor.setAttribute("accesskey", key);
単純なミス
907 ：904：02/04/17 18:42 ID:metJ7csn
あと、IE6ではなぜかこうしないと動きませんでした。
//if(key) anchor.setAttribute("accesskey", key);
if(key) anchor.accessKey=key;
908 ：900：02/04/17 18:47 ID:1hCe6Bi8
>>906
あああ、なんてマヌケな…
それじゃ設定されるわけがありません。
ついでに、"accesskey"ではなく"accessKey"ですね。

ということで、

if(!key) anchor.setAttribute("accesskey", key);

を

if(key) anchor.setAttribute("accessKey", key);

に修正。
失礼しました。
909 ：Name_Not_Found：02/04/17 21:00 ID:VxQvS04z
>>902-908
ブラボーです。
以上、まとめると以下のとおりですね。

【スクリプト】

// 2channerer's navigator
// ©right 900-san at usability-thread , 290-san & 315-san at accesskey-thread in webboard 2002. All rights reserved.


var keys = new Array();
keys["start"] = "S";
keys["next"] = "N";
keys["prev"] = "P";
keys["contents"] = "C";
keys["index"] = "I";
keys["glossary"] = "G";
function navi()
{
var links=document.getElementsByTagName("link");
var navi=document.createElement("ul");
navi.className="navigation";
navi.title="navigation";
var panel=document.getElementById("NavigatorPanel");
for (var i = 0; i < links.length; i++) {
var item=navigatorItem(links.item(i));
if(!item) continue;
navi.appendChild(item);
}
panel.appendChild(navi);
}
function navigatorItem(linkElement)
{
if(!linkElement.getAttribute("href")) return null;
if(!linkElement.getAttribute("rel")) return null;
if(linkElement.getAttribute("rel").toLowerCase().indexOf("stylesheet")>=0) return null;
var listItem=document.createElement("li");
var anchor=document.createElement("a");
if(linkElement.getAttribute("type")) anchor.setAttribute("type", linkElement.getAttribute("type"));
if(linkElement.getAttribute("charset")) anchor.setAttribute("charset", linkElement.getAttribute("charset"));
if(linkElement.getAttribute("hreflang")) anchor.setAttribute("hreflang", linkElement.getAttribute("hreflang"));
if(linkElement.getAttribute("rev")) anchor.setAttribute("rev", linkElement.getAttribute("rev"));
anchor.setAttribute("rel", linkElement.getAttribute("rel"));
anchor.setAttribute("href", linkElement.getAttribute("href"));
var key=getAccessKey(linkElement.getAttribute("rel"));
if(key) anchor.setAttribute("accessKey", key);
if(linkElement.getAttribute("title")) anchor.appendChild( document.createTextNode(linkElement.getAttribute("title")));
else anchor.appendChild(document.createTextNode(linkElement.getAttribute("rel")));
listItem.appendChild(anchor);
return listItem;
}
910 ：909のつづき：02/04/17 21:01 ID:VxQvS04z
function getAccessKey(relString)
{
return keys[relString.toLowerCase()];
}
function Initializer()
{
function Initializer_handleEvent(e)
{
navi();
}
this.handleEvent=Initializer_handleEvent;
return this;
}
if(window.addEventListener) window.addEventListener("load", new Initializer(), true);
else if(window.attachEvent) window.attachEvent("onload", navi);



【使い方】

1) 上記スクリプトを、適用したいXHTMLファイル内のscript要素内に書くか別ファイルからインクルード。

2) 同XHTMLファイルのbody要素内の、任意の場所に<div class="NavigatorPanel"></div>とでも書けば、
　　<link rel=…　がリストに変換されたものがそこに現れます。
911 ：Name_Not_Found：02/04/17 21:27 ID:9aZY0Ap3
ユーザビリティの定義よりはじめよ。
ここはHTMLの練習場ではないぞ。
912 ：Name_Not_Found：02/04/17 23:41 ID:owJ3Agr7
>>911
ユーザビリティの定義は
ヤコブ・ニールセンの本の冒頭に書いてます。
913 ：Name_Not_Found：02/04/18 01:20 ID:ucgRQwau
ヤコブﾀﾝの本はそろそろ改訂する時期にあると思うのだが
第二版出版しる
914 ：Name_Not_Found：02/04/18 18:25 ID:YpKtr0nn
>891
他山の石(ﾟДﾟ)ﾊｧ？
915 ：Name_Not_Found：02/04/18 21:35 ID:4B2LXTJY
>>913
二版は出てないけど、続編みたいなのが出たYO!
『ホームページ・ユーザビリティ -顧客をつかむ勝ち組サイト32の決定的法則-』
http://direct.ips.co.jp/book/impress.htm
916 ：Name_Not_Found：02/04/18 21:54 ID:JHBni+K6
>>915
おお、4月17日発売ということは、もう書店に並んでいるのか。
今日行った本屋では見かけなかったけど。

買った人はレポお願いします。
917 ：Name_Not_Found：02/04/19 00:06 ID:i7UGrvFp
表紙か帯に書かれてる


　　　　あの優良サイトでさえ、
　　　　ユーザーを惑わす
　　　　欠陥デザインでいっぱい


てのが激しく自己矛盾。
ユーザーを惑わす欠陥デザインでいっぱいでも
優良サイトになれるなら、顧客をつかむ勝ち組
サイトになるのにユーザビリティ ーは大して
重要じゃないかも。
918 ：Name_Not_Found：02/04/19 00:11 ID:3PRgyH+h
>>917
「欠陥デザインでいっぱい」なサイトしかないから
その中で(ユーザビリティ以外の要素などで)選ばれてるに過ぎない。

もちろん、それらのサイトに対抗して新しいサイトが勝つには
ユーザビリティだけじゃダメってのは当然だけど。
919 ：Name_Not_Found：02/04/19 02:24 ID:DdyMG6+M
ttp://allstar.sanyo.co.jp/
フレームが激しい。。
920 ：Name_Not_Found：02/04/19 07:33 ID:ftntTqSD
初めてこのスレクリックした者です。
1年以上前だけど、このスレ当初での1の自作自演が涙ぐましいね。
名無しで書いて、ほめられるとあとで「1でした」なんてのも。
921 ：Name_Not_Found：02/04/19 18:12 ID:XE0som6p
記念カキコ。
922 ：Name_Not_Found：02/04/29 08:07 ID:7GETVGLo
あげあげーぃ
923 ：Name_Not_Found：02/04/29 12:16 ID:TN0kgIbS
『ホームページ・ユーザビリティ -顧客をつかむ勝ち組サイト32の決定的法則-』 はどうですか？

書店で中々見つからない…
924 ：Name_Not_Found：02/04/29 13:10 ID:CH77H5r6
ユーザビリティ、アクセシビリティを考えたサイトを作るときは
みなさんどんなツールを使ってますか？

ぼくはWebアプリのプログラマなんで
ビジュアル部分はCSSを有効に使ってやりたいところですが
（HTML部分のソースがかなりすっきりしてプログラムも組みやすいし
フォントの色をかえるにも一か所で済むし）
WebデザイナからあがってくるのがDreamweaverなどでつくられた
テーブルレイアウトばりばり、fontタグ使いまくりでとても困ってます。

ユーザビリティ、アクセシビリティを考えたサイトを作るなら
やっぱりHTMLベタ書きなんですかね？
925 ：タ僕 ◆njaj0FGY ：02/04/29 22:23 ID:7Qgm5CjN
>>924
無難な答えだけど
「一番いい方法はどれか」と言われたらやっぱりHTMLをエディタで直に書く方法がいいんじゃない？
それが無理ならデザイナーが書いたhtmlを誰かがCSSをちゃんと使って修正するとか…
926 ：Name_Not_Found：02/04/30 12:16 ID:XtKGFi3J
ユーザビリティ、アクセシビリティを考える考えない、どちらにしてもツールは関係ないと思うのですが…

後、デザイナーの書いたテーブルばりばりフォントばりばりのHTMLをCSSで修正ってのは意味ないかと。
正しいHTMLあってのCSSかと思います。
927 ：Name_Not_Found：02/04/30 12:37 ID:DZTAcxUL
>>926
> 後、デザイナーの書いたテーブルばりばりフォントばりばりのHTMLをCSSで修正ってのは意味ないかと。
> 正しいHTMLあってのCSSかと思います。

それには賛成だけど、>>925が言ったのは、
HTMLから書き直してCSS使って同じ見栄えにするって事じゃないのかな？
928 ：Name_Not_Found：02/04/30 12:59 ID:XtKGFi3J
>>927
あ〜、そうか。そう言うことなのかもスマソ。
929 ：Name_Not_Found：02/04/30 13:27 ID:CNVZ7UPn
結論：
デザインは紙に描いてもらえ。
930 ：タ僕 ◆njaj0FGY ：02/05/02 00:55 ID:LwNKAzm6
>>927
>HTMLから書き直してCSS使って同じ見栄えにするって事じゃないのかな？
そゆことです。
931 ：1 ◆PpKqiXao ：02/05/03 17:02 ID:FzE+pq8E
>>920
それ単に1って書き忘れただけなのよ・・・キャップはじめてためしてみるテスト
932 ：1 ◆PpKqiXao ：02/05/03 17:04 ID:FzE+pq8E
>>924
実際問題、デザイナとのルール付けをしっかり決めといたほうがいいんでない？
使っていいものわるいものとか、テーブルは２重までねとか。
933 ：タ僕 ◆njaj0FGY ：02/05/04 13:06 ID:3raqFcjk
>>932
>使っていいものわるいものとか、
これはわかるけど
>テーブルは２重までねとか。
これはなんか意味あるの?
テーブルレイアウトも２重までならいいってこと?
意図がいまいちわかんないYO!
934 ：1 ◆PpKqiXao ：02/05/05 13:47 ID:r5sZuKgM
>>933
＞テーブルレイアウトも２重までならいいってこと?
＞意図がいまいちわかんないYO!
ごめん、深い意図はない。
ディジットにルール決めてるような会社だと、そういうこともあるんだろうな、
と思って。
935 ：Name_Not_Found：02/05/05 14:17 ID:r5sZuKgM
パート２できました。
http://pc.2ch.net/test/read.cgi/hp/1020575673/

書き込みは上記でどうぞ。
936 ：Name_Not_Found：02/05/06 00:00 ID:/LVz3Ajx
>>931
その発言が1かどうか気にしているのは自分だけだから、
わざわざ「1でした」なんて言う必要ない。

というより、932の発言自体も勘違い感アリアリ。
937 ：Name_Not_Found：02/05/06 03:58 ID:xcB+Ji8x
938 ：Name_Not_Found：02/05/06 04:04 ID:9se1FuUa
>>937
mail欄へのコメントはユーザビリティーが低い。
その上sagaってない(w
939 ：Name_Not_Found：02/05/06 15:15 ID:VtJkjm2/
陰湿。
940 ：Name_Not_Found：02/06/02 10:09 ID:rhqD5gc4
ユーザビリティってなに？
941 ：Name_Not_Found：02/06/03 18:36 ID:vM98GrXk
>>940
辞書を引きなさい、辞書を
942 ：Name_Not_Found：
よーし、あげちゃうぞ