ユーザビリティの大切さに気づいてもらうユーザビリティの大切さに気づいてもらうこないだの「インターネットってどういう仕組みで動いているの?」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、ってこと。日常生活でユーザビリティなんて言葉ほとんど聞くことがないと思うけど、これから使う側から作る側になると、何を作るにしてもまず始めに考えなきゃいけないくらい大事なことなのね。言葉で説明しても実際イメージしにくいだろうから、今回はユーザビリティの大切さを理解するために簡単なサンプルを作ってみたよ。つのフォームをいじってみて。つのフォームは見た目はまったく一緒だけど使いやすさに雲泥の差があるの。分からなかったかもしれないから、その使いやすさの差について一つずつ説明していくよ。始めに名前を入力しようとしたら、いったん入力欄をクリックしてフォーカスを合わせなきゃならない。アクセスした時点で自動的にフォーカスが合ってるからそのまま入力することができる。ユーザビリティってのは技術力なんかじゃなく、利用者の立場になって考え、小さな不便にいかに気づくかってことが大切なんだ。トップページはログインフォームにフォーカス当たってなくて超不便!ラジオボタンのチェック次にラジオボタンについて。性別を選ぶラジオボタンがあるでしょ。ここは両者に本当に大きな差がある。男性・女性のラジオボタンをチェックしようとすると小さな○をクリックしなきゃならない。「男性」「女性」って文字をクリックしてもチェックできる。次は比較的分かりやすかったかもしれない。名前欄が空のときに送信ボタンが押せなくなってるでしょ。これによって必須項目が未入力のまま送信されちゃうのを防ぐことができる。(ひどいのだと正しく入力したのまで消えて再入力しなきゃいけないのもあるけど)、そんなことしなくてもちょっとの工夫でこんなに便利になるんだよ。送信ボタンを押したあとフォーム全体が無効化されていじれなくなってる。これによって利用者は自分がきちんと送信ボタンを押せたかどうか判別することができるし、二重送信も防げる。そんなこといちいち利用者に強いなくても作る側の工夫で簡単に防げちゃうんだよ。「女性」にチェックを移すこともできる。(マウスが使えない、とかの特殊な状況を除いてね)、何度も繰り返し利用するフォームだとアクセスキーが設定されてるのといないので作業の効率が全然違ってきちゃう。