ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん！
こんにちはこんにちは！！ ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します！ 『ふつうのformをつかいたい』 - はまちや２ - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの？ [この日記のブックマークコメントを見る/書く ]
現在のFacebookのUIがいかに話になってないレベルか - MIZの日記
http://d.hatena.ne.jp/shi3z/20101015/1287124685 のブコメでのid:shi3z さんとの会話に触発されて、Facebookとmixiのユーザーへの配慮の差を比較してみた。 技術寄りの人たちが根本的に誤解しているのが、「動きが速い」とか「豊富な機能」とかにとらわれて「迷わない」ことの重要さが吹っ飛んでいるということ。 とりあえず、一般人視点になりきってユーザーテスト。 あくまで「なりきり」だから、おそらくほんまもんの初心者が見たらこれの100倍は問題点が噴出するはず。 トップページ 文面 mixiの場合は上部の「mixiについて」できっちりSNSの概念を説明している。 Facebookのトップページは「できること」の具体的説明に乏しい。 トップページに登録フォームを置くことで使用開始までのステップを短くしたいのはわかるが、こういうものをユーザーへ
プログレスバーのアニメーションによって体感速度が違うんだってさ！ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
使えるユーザビリティーガイドライン10 – creamu
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
スーパーじゃなくてコンビニで買う理由 - ぼくはまちちゃん！
こんにちはこんにちは！！ 最近nanacoなんていう電子マネーのカードを手に入れて、 コンビニ利用率がちょっぴり高まりつつある感じのはまちや２です！ こんにちは…！ ところで、うちの近所って、スーパーとコンビニがあるんだけど…、 みんなはどっちをよく利用しますか！ うちの近所の場合だと、どちらも24時間営業だし、どちらも歩いてほとんど同じ距離。 それで、値段はスーパーの方がけっこう安いんだよね。 品揃えもスーパーの方が断然いい。 それなのに、ぼくはいつも、なんとなくコンビニばかり使ってしまうよ。 なぜなんだろう。 たぶんスーパーって、ちょっとめんどくさいのかな…！ スーパーのなにがめんどくさいって… ・むだにひろい 必要なものが、こじんまりとまとまってるほうが好きなんですぼく、店も町も…！ ・レジで並ばなきゃいけない スーパーってひとりひとりが沢山買うからかな、たいてい並ぶんだよね。 逆に
機能やボタンが多すぎ!! 使いにくいUIのデジタル家電が発売されてしまう本当の理由 - キャズムを超えろ！
一昨日メディアの方とランチしながらふと話題になったのが「今の家電メーカー製デジタル家電って機能ありすぎてわかんないよね」という話で、先に書いたRSSリーダーの話にも通じる。 まったくもってその通りなんだが、じゃぁ「なぜ・どうしてそうなっちゃったの？」を紐解くと、わりとシュールな要因が浮かんでくる。 ズバリ言ってしまうと既存機能に上乗せする企画は通すのが簡単だし、リスクが少ないからだ。多少使いにくくてもそれが売れない決定的理由にはなりづらいことから、(売れなかったときの)責任を問われる立案者・決裁者ともに「多少複雑になってもかまわず機能を上積みしていくこと」は保身のためを考えるとリスクが少ない手法というわけだ。逆に削ることは、安定した大企業の会社員としてはものすごい勇気がいる。下手すりゃ前モデルで20%あったシェアが5%とかに落ちてしまう可能性も高いわけで、そんな企画を立案した者(担当者)・
オタクブックス エロゲーのデザイン
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 13_ このみさん 最近やっと版権イラストを描くのにも慣れてきた(かもしれない)です。 まずお詫びからなんですが、連続更新と言っておきながら こんなにも日が空いてしまい、大変申し訳ないです。 本業で忙しいのに「ひぐらし」やら「絶望先生」を 見てたのが原因です、確実に。 …今後は気をつけていきたいと思います。 さて今回も意味もなく長くなりそうな予感がしますので、 さっそく始めることにしましょう。 前回も告知しましたが、今回は近年アニメ化や コンシューマー版の発売がめまぐるしくい 「エロゲー」のデザインについて書いていきたいと思います。 まず始めに、今現在のエロゲー市場について何ですが、 年々ニュースによる報道や規制などによって、 縮小をしいられつつあり、実際オタデザ2号の方でも
ページを見たときに不愉快な10の事:目指せ！何でも伝える Evangelist - CNET Japan
私は別に検索結果を丁寧に「マーキング」してほしいとは思っていません。 検索して訪れた時にイエローやグリーンやレッドに色づけして「私がが検索してきた言葉」をマーキングして欲しいなんて言ったことはありません。Ctrl+F（Cmd+F)をするほうが有意義です。 あなたのサイトの逆アクセスには興味がありません。 こんな所から人気があります！なんて不要です。 私はあなたのサイトのリファラーログのランキングには興味はありません。ましてやそのランキングの上位にあるPRは全く持って不愉快なことがあります。もちろん有意義な時があるかもしれませんが、わざわざアピールされるほどのないことを悟って欲しいものです。 ランキング投票をしないと見ては行けないのですか？ 訪れたのに、ランキングを強要したり、紛らわしい画像にされたりするのは迷惑でなりません。 正直あなたのランキングや、今日は何位？なんてことには興味はありま
「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
昨日のSIGHCIのメモです。 最速インターフェースの研究と実践： ライブドア mala氏 まず、自己紹介を兼ねて概論 ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた 自分の肩書きは「インターフェースエンジニア」 よいUIを作るために「実体験に基づいたチューニングをしている」 自分で使ってみる ユーザの反応を見る 欲望に忠実に作る 作業としては、perl, html, jsの記述 「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる（完成品を作れる）という点は自分の強み。 よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」 作品紹介 2ch最速検索 キーボード操作だけでスレッド検索 まだAjaxは使っていない 「めくり型」UIの実験 スクロールしながら読むよ
未経験者がユーザーテストを行う際の10のポイント - livedoor ディレクター Blog
こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
ユーザー調査とユーザビリティ評価の違い：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ユーザーがある製品をどんな風に使っていてどんな潜在的なニーズを抱えているかを調べることと、ある製品のデザインにユーザーが使う上でどんな問題点があるかを調べることでは、調査の目的ははっきり異なります。 「ユーザー調査とユーザビリティ評価を混同しない」というエントリーでも指摘しましたが、前者はユーザー調査であり、後者はユーザビリティ評価です。 ユーザーの現実と現実のモノしかし、前回も書きましたが、どうもこの両者は実際のユーザーを呼んで調査を行うということから混同されやすかったりします。 お客さんがユーザーテストをやりたいというのでお話をうかがうと、実はデザイン評価のためのテストではなく、ニーズを探るためのユーザー調査だったりということがよくあります。 どう説明したらよいかはいつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://i.gyazo.com/ce085562164a62cd2d78a5d8630ee922.png
Twitterの新UI、全ユーザーの利用が可能に 
WebサイトのUIのプロだけどサイトの評価するよ : はれぞう
【“Windowsタッチ”徹底解剖】 Windows 7の新機能「Windowsタッチ」とは何か
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
