タグ

usabilityに関するjune29のブックマーク (59)

  • 「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani

    大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2~3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使

    「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた|Tsutomu Sogitani
  • エラーメッセージはフォームのどこに表示するべきか - ポップインサイト

    UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という2箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか? 調査に

    エラーメッセージはフォームのどこに表示するべきか - ポップインサイト
  • 株式会社アプルーシッド

    Docswell ドクセルは、PDFパワーポイントのスライドを共有できるサービスです。 始業資料や採用資料技術ドキュメントなどを共有するのに便利です。 https://docswell.com/

    june29
    june29 2018/07/15
    わかる…。現時点では、まだまだウェブアプリの水準には程遠いですねぇ。
  • おうちハックで必要なこと | tech - 氾濫原

    既存のインターフェイスを妨げない 今まで使えるものはそのままにする。アクチュエーターが既存の操作の邪魔をしないこと 「生活」に持ちこむ学習コストを最小限にする。少しずつ便利にする 必要ないならインターフェイスを変えない 今までと似た体験にする。アフォーダンス (形の意味) を変えない 必要がないならインターフェイスを追加しない (ゼロクリックを動くことを目指す) それ手でやればよくない? 意味がないことを自動化しても意味がない。家族にも便利であること インターフェイスの罠としては「定期的に音声で通知する」みたいなのは意外と使えない。というのも、人間だんだん慣れてきて、同じ音が定期的に鳴っていても聞こえなくなるため。視覚に訴えるほうがいいのかも? トップ tech おうちハックで必要なこと

  • エンジニアにUIが分かりにくいと言われた - 並び替えボタン編|ANDPAD Design Team|note

    ANDPADでデザインを担当している後藤です。 エンジニア 「このボタン、分かりにくいですね」 開発を進めてて、エンジニアにこう言われたことはありませんか? 「このボタンって、どう動くんですか?」 「このボタン、気がつきにくいですね。」 そういったときに、どのようにUIの意思決定をしたか、説明して納得してもらう必要があります。 今回は「並び替えボタン」で起きたケースを紹介します。 あまり目立たない機能ですが、データを整理することが多いBtoB向けサービスでは、要望が多い機能じゃないでしょうか。 【目次】 ・どこが分かりにくかったか? ・エンジニアとデザイナーの通る思考回路は違う ・エンジニアの考えた解決策 ・画面上における機能の優先順位 ・機能単体のゴール ・まとめ どこが分かりにくかったか?実際の画面がこちらです。(※こちらは現在開発中の機能になります) さて、どこが分かりにくかったでし

    エンジニアにUIが分かりにくいと言われた - 並び替えボタン編|ANDPAD Design Team|note
    june29
    june29 2018/05/26
    それを言った人の肩書きはエンジニアだったのだろうけれど「エンジニアだから言った」という内容ではないので、心配になる論調だ。「ユーザビリティテストの結果、わかりにくいという反応があった」くらいの内容。
  • 暮らしに役立つITコラム ChromeやSafariの自動入力機能が、なぜ「悪いデザイン」なのか

    autofill_ui.md 見た目の上で、隠されているフィールドに対しても自動入力してしまうという問題が話題になっている(2017年1月) https://github.com/anttiviljami/browser-autofill-phishing のだけれど、この問題の歴史はとても古い。自分も調査したり問題を報告したりしているので、振り返ってみる。 2012年の話 2012年4月のShibuya.XSS #1 https://atnd.org/events/25689 で、Hamachiya2が発表した http://hamachiya.com/junk/x-autocompletetype.php この問題に関連して「手の込んだクリックジャッキング」を使って情報を盗み出すデモを作った。 https://plus.google.com/112675818324417081103/

    暮らしに役立つITコラム ChromeやSafariの自動入力機能が、なぜ「悪いデザイン」なのか
  • 転職ドラフト経由でY社の内定貰ったけど - はてな匿名ダイアリー

    提示された金額が指名時の金額と大きく違っていて辞退することになった。 こんな事を書くと関係者からは余裕で特定されると思うが、それでも問題提起したかったので書く。 転職ドラフトという、企業がWebエンジニアのプロフィールや職務経歴書を見て年収付きで指名を出すというサービス(イベント)がある。 「今までの転職活動は選考の最終段階になって初めて年収を提示されるためミスマッチが起きやすい。転職ドラフトではリアルな年収が最初に分かりその上で選考に進むか判断出来る!」というエンジニア目線がウリらしい。 https://job-draft.jp/ 面白そうだと思ったので登録してみたところ、大変有り難い事に500万~600万で6社ほどから指名を貰えた。 その中で興味のあった大手Y社の指名を承認し、面談で会社説明を聞いたあと改めて履歴書や経歴書を送りエントリーし、適性試験や数回の面接を経てとうとう内定を貰っ

    転職ドラフト経由でY社の内定貰ったけど - はてな匿名ダイアリー
    june29
    june29 2016/09/26
    「ルール違反ではありません」っていうのもわかるけど、利用者が「思ってたんと違う」ってなるなら UI に致命的な欠陥があることは間違いない。勇気も必要だったろうに、丁寧な告発に感謝したい。
  • 子どもに向けてデザインする - snoozer05's blog

    先日、プログラマー的思考法を育む知育絵「ルビィのぼうけん こんにちは! プログラミング」を翻訳された鳥井雪さんの話を聞く機会がありました。「ルビィのぼうけん」をどう作っていったかという内容で、子どもたちに実際に試してもらい、書籍を(表現やレイアウトなども含めて)つくり直していったというお話でした。 鳥井さんの話を聞いて思い出したのは「子どものUXデザイン ―遊びと学びのデジタルエクスペリエンス」という書籍です。「子どものUXデザイン」は、子ども向けのデジタルエクスペリエンスのデザインに関する書籍なのですが、知育絵という分野も同じようにデザインしていくことが大事なのだろうということに感心しました。 そうした気持ちがあって、お話のあとで「子どものUXデザイン」のことを少し振ってみたりしたのですが、会場の雰囲気でこの書籍があまり知られていなそうな印象があり、勿体無いと感じました。そこで、広く

    子どもに向けてデザインする - snoozer05's blog
    june29
    june29 2016/09/08
    世代ごとに感覚が違うってのは当たり前という感じもするけれど、世代ごとにデザインするってのはなかなか難しそう。おもしろい話題。
  • HCD-Net

    人間中心設計(HCD)専門家制度は、人間中心設計推進機構(HCD-Net)が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー

    HCD-Net
  • スタイリッシュ炊飯器で炊いた米がうますぎる - hitode909の日記

    かっこいい炊飯器買ってきた. 日立のおひつ御膳.2合炊き.3万円だけど,定価は6万円くらいするらしい. 築60年の家に置くと妙にスタイリッシュで変な雰囲気. 買う前に炊くわけにはいかないので,完全に見た目で選んでる. ティファールのお湯沸かすやつみたいな構造になってて,炊けたら,おひつ部分だけ分離して,持ち運びできる. 卓でおかわりできるという話だけど,ごはんおかわりしないし,0.5合だけ炊いてべ切るので,持ち運べる必要はとくにない.けどかっこいい. 炊けたらそのまま外に持っていってピクニックとか,炊込みご飯を作ってお弁当に持っていくとかできそう. 炊けた米は異常にうまくて,米の1粒1粒の粒子感が高い.まずい米がドンシャリしたべたっとした音質だとすると,これはフラットで,ピアノのペダルを踏む音とか,Bill EvansのWaltz for Debbyの地下鉄の音も聞こえそうな雰囲気.

    スタイリッシュ炊飯器で炊いた米がうますぎる - hitode909の日記
    june29
    june29 2015/08/13
    高機能化する炊飯器とブログツールにおける、こっそり便利おもてなし体験の比較を通したマイクロインタラクション考察の超大作エントリだ。ぼくも炊飯器を買ってこっそり自社サービスのいいところをアピールしたい。
  • これぞグロースハック!アプリのプッシュ通知の承認率を劇的にあげる“Pre-permission Dialogs”とは? | coromos

    プッシュ通知を活用すると、能動的にユーザーへ通知が行えて、アクティブ率を向上させることができる。マーケティングの面でいうと、アプリとブラウザサービスで大きく異なる特徴の1つであろう。たくさんのアプリがその恩恵を受けるために、「push通知」を承認させるための確認ダイアログを表示させている。 ほとんどのユーザーがプッシュ通知を承認しない? しかし残念なことに、UIscopeで様々なユーザーテストを見ていると、多くのユーザーがそのダイアログを見た瞬間、条件反射的に“承認しない”を選択してしまっている。 あるアプリを独自でテストした際に、チュートリアルの理解度を検証するために、5人のユーザーに普段通り自由にアプリを1分間使ってもらうという内容のテストをした。 すると、6人中5人全員がプッシュ通知を承認しなかった。 ※そのうち4人はダイアログが出た瞬間に文言も読まずに反射的に“承認しない”

    これぞグロースハック!アプリのプッシュ通知の承認率を劇的にあげる“Pre-permission Dialogs”とは? | coromos
    june29
    june29 2015/08/02
    タイミングをちゃんと考える。機能ではなくて、利用者にとっての価値をきちんと説明する。
  • 確実に良くするUI/UX設計

    日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/

    確実に良くするUI/UX設計
    june29
    june29 2015/06/26
    もし結果が出ているのなら、有効なやり方なのだと思う。
  • Private Presentation

    Looks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field.Explore by category instead

    Private Presentation
    june29
    june29 2015/06/05
    「クライアントプレや会議にて危険なアイデアを迎撃するための秘密兵器」これを使わなきゃいけないの厳しそう
  • 月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ

    クックパッド ダイエット事業室の田中です。昨年5月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言(言葉)」をどのようなプロセスで決定していますか? UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア

    月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ
  • 「ざっくり言うと」から学ぶ!スマホ時代のウェブコンテンツに最適な「要約」のススメ : LINE Corporation ディレクターブログ

    お疲れ様です、ニュースチームでディレクターをやっておりますスエヒロと申します。 さて。弊社で運営しております「livedoorニュース」というサービスをご存知でしょうか。2003年のサービス開始より、(数々の事件を経て)現在も300を超える提供元の記事を配信しているニュースサービスです。日有数の波瀾万丈さを兼ね備えたニュースサービスといっても過言ではないでしょう(多分)。 ニュースを要約する さて、そのlivedoorニュースにおきまして、昨年2012年の10月より提供しております「ざっくり言うと」という機能をご存知でしょうか。どんなものかと言いますと、 「ニュースの内容を三行程度に要約して表示する」 という機能です。例えば、「テレ朝・前田有紀アナが3月退社」というニュースの場合、以下の様な要約が「ざっくり言うと」として付与されています。 「要約」つまり「文書の要点を簡潔にまとめたもの」

    「ざっくり言うと」から学ぶ!スマホ時代のウェブコンテンツに最適な「要約」のススメ : LINE Corporation ディレクターブログ
  • standardinc.jp

    standardinc.jp 2025 著作権. 不許複製 プライバシーポリシー

    standardinc.jp
  • 入力フォームのプレースホルダーを使ってはいけない

    入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

    入力フォームのプレースホルダーを使ってはいけない
  • 勝手にリデザイン:新宿高層ビルの館内施設案内板

    9/8/2011勝手にリデザイン:新宿高層ビルの館内施設案内板Twitterで、あるサイン(案内板)のことが話題になっていました 。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。(ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方に目的を伝え、撮影可否についても尋ねましたが、撮影はNGとのことでした) それで、記憶を頼りに書いてみた館内図がこちらになります。案内板Aが問題となる案内

  • marquee - hitode909の日記

    marqueeタグ,最近人気ないけど,かわいいので,使っていきたい.今日の日記もmarqueeにすることにした.あなたの意図に反してこの文字が流れていたら私の意図通りこの文字が流れていると言える.フィードリーダーとかではmarquee出せない気がするので,わざわざ元のページ開いて見てほしい.現実世界には,あまり流れる文字ない気がするけど,巻物とかがんばって巻くとmarqueeになる.はmarqueeじゃなくて,Page Downという感じだから,あまりもう紙では見ることない気がする.身近なmarqueeとしては,新幹線とか乗るとmarquee見れる.自分が新幹線作ることを考えると,乗客にmarqueeを見せ続けて便利というのは不気味だから,新幹線考えた人は偉い.普通は乗客にmarquee見せようと思わないと思う.あと京都駅の駅前に防災情報みたいな電光掲示板が設置されてて,そこでmarqu

    marquee - hitode909の日記
    june29
    june29 2014/03/18
    フィードリーダでふつうに全文を読んでしまってユーザエクスペリエンスの損失だった。でも次回以降も marquee ブログが続くようだったらフィードリーダで読みたいと思う。
  • iPhoneの電卓で2500÷50を計算してみた結果wwwwww : IT速報

    1: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:22:59 ID:BZs7VpX50 1 は? 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:23:33 ID:H/oStVp60 嘘乙 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:03 ID:tOB/+Dr70 まじだった 6: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:04 ID:0qu1mSub0 まじたった 7: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:07 ID:iqcWhVXK0 すげぇ 51: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:35:16 ID:3mMcECnQ0 スクショはよ 65: 以下、名

    iPhoneの電卓で2500÷50を計算してみた結果wwwwww : IT速報
    june29
    june29 2014/01/22
    アイフォーンヌの電卓アプリはぜんぜん使われていない、と解釈した。自分も使ったことないかも。