ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
面白いゲームの作り方：萎えさせない為の操作説明 島国大和のド畜生
アクションRPGがあったとして。 たとえば、「レバー1回転＋Ａボタン」で周りの敵をなぎ払う、必須な技があったとします。 この操作をユーザーに教える方法として良いのはどういうものか？ 一応、自分なりの考えがまとまったら、続きを読んでみてください。 ①・隠しコマンド 「気付いた人だけ使えます。」 ②・説明書 「レバー1回転＋Ａボタンで周りの敵をなぎ払います。」 ③・アドバタイズ ゲーム開始前、アニメ-ションによる説明付き。 「レバー1回転＋Ａボタンで周りの敵をなぎ払います。」 ④・街の老人 「レバー1回転＋Ａボタンで周りの敵をなぎ払う必殺技じゃ！覚えておくが良い！」 ⑤・街の子供 「レバー1回転＋Ａボタンで周りの敵をなぎ払う必殺技だって？見せて！見せて！」 ⑥・戦闘開始前に 敵集団 「わはははは。ワシらの弱点が、レバー1回転＋Ａボタンとは思うまい！」 ⑦・戦闘中に 主人公を囲んでボコボコにし、
人はページ内のどの辺りをクリックする傾向があるのか
まったく何も描かれていない無地のものから、文字で「click here」と書かれているものまで、8枚の画像に対して好きなところをクリックすると、自分と他の実験者のクリック位置データが表示されます。結果表示はクリックされることが多い所ほど熱そうな色になっていくのですが、かなりハッキリとクリック位置の偏りが出ています。 詳細は以下から。 一枚目は無地です。手っ取り早く結果のデータだけ見たい人は右上のSkipをクリック。 New Click Survey ジョルジュ・ド・ラ・トゥールの名画「いかさま師」をつかったクリック実験もあります。 Click Survey 好きなところをクリックしていいといっても目標があるとそこに意識が向かってしまうようですね。
「OK」と「キャンセル」、どちらが有効か ― ＠IT
ユーザビリティのヒント（最終回） 「OK」と「キャンセル」、どちらが有効か 「情報表現の最適化」 ソシオメディア 上野 学 2006/10/20 デスクトップのメモ帳を新規に開いて、メモを書き、ウィンドウを閉じようとすると、「変更を保存しますか？」というメッセージダイアログが表示されます。ユーザーにしてみれば、「新しいメモをいま書いたところなのに、なぜ『変更』なんだ？」と思うでしょう（本文から） 英語や、日本語の横書きでは、情報は大きく上から下に、左から右に展開していきます。ユーザーは画面（ウィンドウ内）の左上から右下に向かって意識を推移させて、そこで表現されている情報を取得していきます。 実際にはユーザーは、まず画面中央付近に視線をやり、そして全体をざっと見渡してから、重要と思われる個所に注目していくようです。ひとたび内容を読もうとか、入力フィールドを埋めていこうと決めたら、当然、上から
虫眼鏡のアイコンは『検索』か『拡大』か？ ― ＠IT
ユーザビリティのヒント（3） 虫眼鏡のアイコンは『検索』か『拡大』か？ 「インタラクションデザイン」 ソシオメディア 上野 学 2006/9/13 「消去」と「削除」、「ショッピングカート」と「買い物かご」、「ホーム」と「トップ」、ユーザーにしっくりくるのはどちらか。白黒付け難いナビゲーションの概念を考えよう GUIの特徴は、当然のことながら、ユーザーインターフェイスをグラフィックで表現することです。その際、「ユーザーが選びやすいフォームのカタチを考えよう」でも書いたとおり、GUIではウィンドウやメニューなどと並んで、アイコンを使ってオブジェクトや機能を画面上に配置してユーザーに提示することがよくあります。 アイコンは、メタファーを使った端的なグラフィックを用いて、抽象的な概念を感覚的に伝えると同時に、画面上での操作可能領域を明示するのに役立ちます。しかし、グラフィックだけでその意味を完全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
