TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ
TrelloのUI（UX）が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード（Todoリストでいうタスク）の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio
『投稿サイトに載せてる自作小説のタイトルを試しに短くしたらクリックの当たり判定がめちゃくちゃ狭くなってしまったんだが』～アクセシビリティの観点から見るWEB小説の長文タイトル問題
すかい@固定に発売予定 @skynovel7 株式会社RapidBrain代表 小説家、漫画原作者、ペットカフェオーナー（@binturong_toro） デビュー三年半で関連書籍70冊以上 累計100万部以上 ファンタジー/ラブコメ/エロが得意です その他編集業務やご紹介を含め異世界系レーベル立ち上げのお手伝いなど お仕事の依頼、相談はDMまでお気軽に skyfarm.fanbox.cc すかい@固定に発売予定 @skynovel7 ncode.syosetu.com/n7797gn/ 「宮廷テイマー、コストカットで追放されて自由を得たので未開拓領域に使い魔の楽園を作ることにする～竜も馬も言うことを聞かなくなったから帰って来いと今更言われても……もうエルフと同盟を結んだので……～」更新しました！ #narou #narouN7797GN 2020-10-18 11:48:38
ユーザーテストは準備が8割！ 弁護士ドットコムで実施した「準備の様子」「シナリオ」の一部を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
ユーザーテストを実施することは、実はそんなに難しくありません。その代わり事前準備が成功の8割を占めるといっても過言ではありません。 弁護士ドットコムでは、サイトの大きな改修をせずに、アクセシビリティ対応を実施しています。今回は、ユーザーテストの実施に向けて、その目的や段取り、事前の準備について整理していきます。 前回の記事では、SEOとアクセシビリティとの関係に触れながら、実際にユーザーの行動を見て考えることの重要性についてお話していますので、まだ見ていない人はそちらをお読みください。 ユーザーテスト全体の流れユーザーテストを実施するプロセスを解説していきましょう。いきなりテスト実施はできるものではありません。実施するにあたって、さまざまな準備が必要です。全体の流れは次の通りです。 ユーザーテストの目的の確認ユーザーテストの準備ユーザーテストの実施（次回解説予定）テスト結果の分析と改善点の
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
『あれ（ニコニコ）は慣れる慣れないの問題じゃなくて、合理的な遷移が計画されてない。』
尾野（しっぽ） @tail_y 静画の説明文に関してもそうなんだけど、どうもニコニコ運営陣は、投稿側とユーザーのコミュニケーションという部分を無視してるというか、思い至ってない感じあるよね。 2013-11-18 00:32:07 尾野（しっぽ） @tail_y ニコニコの各種UIは確かに単品でそれだけ見れば、完結したUIとして良い点もあるんだけど、そこにユーザー同士のコミュニケーションを考えるととたんにダメだよね。閲覧者という視点だけで、投稿者⇔閲覧者っていう概念が抜けてる。シリーズを追いにくくしちゃうのもそれ。 2013-11-18 00:35:23 尾野（しっぽ） @tail_y ニコニコの開発者はきっと忙しくて、実況プレイ動画を全部見たりとか、動画主のファンになってtwitterを追ったり生放送見たりとか、特定ジャンルのタグを全部漏らさず見たい！みたいなことをしたことが無いんだと思
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
【朗報】フリーターの俺(30)、自販機のジュース補充の仕事が決まる！ 勝つる2chまとめブログ
1 ：以下、＼(^o^)／でVIPがお送りします 2015/08/31(月) 18:41:01.506 ID:03xNJeJp0.net 夢にまで見た正社員やで！ これで両親を安心させられる 2 ：以下、＼(^o^)／でVIPがお送りします 2015/08/31(月) 18:41:16.405 ID:BDPAl+3R0.net やったなw 佐野研二郎さんデザインの東京オリンピックのロゴ使用中止に！！！ 【恐怖】ﾗﾌﾞﾗｲﾌﾞ!等で人気の声優三森すずこさん､ﾌｧﾝの抗争に巻き込まれｶﾞﾁで危ない目に遭うｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ※犯人画像あり TBS皆川玲奈アナが乳強調ｗｗｗｗ 大島由香里アナの巨乳にシートベルトがガッツリ食い込んでいたｗｗｗｗｗ AKB柏木由紀がキス旅2で水着おっぱい披露ｗｗｗ(キャプ画像) 4 ：以下、＼(^o^)／でVIPがお送りします 2015/08/31
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
置くだけでは不十分？ヘルプ活用3つのポイント (ユーザビリティ実践メモ)
FAQやよくある質問などのヘルプコンテンツは、ユーザの疑問や不安を解消するために、どこのサイトでも必ずと言っていいほど設置されています。 今回から数回にわたって、「FAQ・ヘルプ」をテーマにした記事をお届けする予定ですが、まず今回は、ヘルプ活用の基本ともいうべき3つのポイントについてご紹介します。 一点目は、以前の実践メモ（「FAQの隠れた役割」）でも触れていますが、「よくある質問」や「FAQ」というリンクを置くだけでなく、本文の中で、ユーザの疑問が生じるところからヘルプに誘導する」ということです。 サイトを閲覧しているユーザは、「商品やサービスを選び、購入する」といった何かしらの目的を持って動いていることが多く、「ヘルプを閲覧しに行く」といった脇道へ逸れる行動には移りにくい状態です。 そこで、図2のように、ユーザが疑問や不安を感じるポイントで、ユーザの疑問・不安に合わせた表現を用いたリン
ユーザビリティ・アクセシビリティ 学習 リンク集
Webアクセシビリティの基礎知識や実践ノウハウなどを解説している、Webアクセシビリティのポータルサイトです。
iPad App and Website Usability | Free UX Research Report by NN/g
Learn how iPad users interact with apps and websites on their devices, and whether usability improves with time as people practice and learn new interfaces. The design guidelines are based on 2 rounds of usability studies, conducted one year apart. We observed participants working on their own iPads to accomplish a broad variety of tasks. Articles on research findings: iPad Usability: First Findin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファイタバペリカラ111 -
http://e0166nt.com/blog-entry-889.html
Site not found · DreamHost
axiv.com
UX の第一法則は「ユーザの声聞くべからず」
IDEA * IDEA
communicatingdesign.com