テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。 Twitter：https://twitter.com/naoh_nak 2023年度のアップデート版もあります：https://spe…

“You are not your user” A reminder that you are not designing the product for people like yourself. Often used as a way to encourage more user research in a project. “If Henry Ford had asked people what they wanted, they would have told him faster horses” Used as a counter-argument to the previous statement, when you start to realize you won’t have time or money to do enough user research. “We are

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション

TwitterやSpotifyがSafari 12などで利用可能なWebサイトのパスワード変更画面を表示する「Well-Known URL for Changing Passwords」に対応しています。詳細は以下から。 Appleは2018年09月にリリースしたiOS 12のキーチェーン機能およびSafari 12 for macOSに、異なるWebサイトやサービス、アプリで同じパスワードを利用するとユーザーにパスワードの変更を促す警告を表示する機能を実装し、この表示に利用されているユーザーをそのWebサイトのパスワード変更画面に誘導する“Well-Known URL for Changing Passwords”というプロポーザルをWICGに提出していますが、 Apple WebKitチームのRicky MondelloさんやSpotifyのエンジニアPatrick Balestraさ

Web Vitals Stay organized with collections Save and categorize content based on your preferences. Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve. Overview Web Vitals is an initiative by Google

It's awesome to build sites that are inclusive and accessible to everyone. There are at least six key areas of disability we can optimize for: visual, hearing, mobility, cognition, speech and neural. Many tools and resources can help here, even if you're totally new to web accessibility. Over 1 billion people live with some form of disability. You might have been in a loud room at some point tryin

病気の豚 @Sui_A 銭湯。「ババアがわざわざ銭湯に来るのはね！家に風呂が無いからでも大きな風呂に入りたいからでも知り合いに会いたいわけでもないんだよ！足腰が弱って風呂を洗うのも難しいからだよ！」と熱く語る知らない婆ちゃん。これ、割と真面目に考えなきゃいけない課題なんじゃなかろうか。 2020-03-11 22:56:56 病気の豚 @Sui_A 老人の家の風呂を洗っていくらか貰えないかなあと思ったけど、風呂洗ってもらうのに300円くらい払うなら、もうちょっと出して銭湯行くよな。僕ならどうするだろ。スポーツジムの月額契約でシャワー使い倒す？（今のご時世で老人×スポーツジムの組み合わせはやめとけよ） 2020-03-11 23:04:04

FRONTEND CONFERENCE 2019 での発表資料です。 https://2019.kfug.jp/session/jimboyoshihide 当日の質疑応答の内容はブログにまとめています。 https://jmblog.jp/posts/2019-11-03/frontend-…

先日のUX Engineer Meetupでプロトタイピングの話をしました。懇親会での話やツイート、ブログなどを見ていると結局「UXエンジニアとは」を気にしている人が多い様子だったので、自分なりの考えを書いてみます。 はじめに結論UXエンジニアという言葉に明確かつ具体的な定義はありません。 UXという1つの言葉に5つの階層があり多義的な以上、UXエンジニアも多義的だからです。自分なりに広く定義するなら「エンジニアリングを軸としながらデザインの力を掛け合わせ、より良いユーザー体験を実現する人」です。なお、デザインという言葉も広義の意味で捉えているので、まあ広い定義です。 ただ、僕自身2年以上UXエンジニアと名乗って複数社で働いていたり、世の中にUXエンジニア的な人が増えて色々な事例も生まれていることから、自分なりの考えはだいぶ整理されてきました。 なぜUXという言葉を使うのか時々、UXなんて

9月27日に、弁護士ドットコムのデザイン部が主催する「UXライティング」勉強会が開かれました。 講師にお招きしたのは、フリーランスのUXライターで、「Soup Stock Tokyo」などのコピーを担当されている永井一二三（ながい・かずふみ）さん（@nagaikazufumi）。 より使いやすいウェブサイトを提供していくためには、「言葉の表現」が鍵を握るのではないか——そんな思いを胸に、デザイナー、エンジニア、ディレクター、ライター、編集者などの多様な職種の社員が勉強会に集まりました。永井さんを囲んで、UXライティングのはじめ方のお話や、サービスの作り手として日々抱いている疑問について、意見を交換しました。 （「UXライティングのはじめ方講座」の会場の様子） UXライティングは液晶内の超短いテキスト そもそも「UXライティング」とは何を指すのでしょうか。永井さんによると、「ユーザーの行

Public file shared from https://slack.com/

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

きっかけ とある目的のため、Qiitaアカウントのパスワードを変えようと、設定画面で入力したところ・・・ (# ﾟДﾟ)まずまずってなんやねん！！ けど、ここで終わったら、ただのクレーマーになってしまうので、 プロの威信をかけて最適な画面を提案しようと思いました。 なぜいけないのか？ 今回のパスワード設定画面には大きく3つの課題があります。 1. パスワードの強度が何を基準に評価されているか分からない 2. メッセージが何を意味しているのか直感的に分からない 3. これで続行できるのかが分からない 全ての課題に共通する考え方として、 「システムが伝えている情報を人間が理解できない」ことが改善すべきポイントです。 エラーメッセージはとても重要な役割を果たします。システムが受け付けられない情報なので、システムとしてはユーザーに改善を求めなければいけません。 パスワード設定画面で伝えるべき情報は

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

UXデザインがより重要視されている昨今、シリコンバレーではUXライターという新しい職種が誕生しています。よりユーザーを気遣ったコピーが求められているのです。 筆者が『Google I/Oカンファレンス2017年大会』で聞いた話をもとに、UXライターの文章技術を磨くためのメソッドをまとめました。テキストを使うインターフェイスを作っている人なら、誰にとっても役立つはずです。 UXライターとは？ GoogleやSpotifyが求人を出しているらしい！ 日本では全く聞いたことのないというWeb関係者がほとんどのUXライターという言葉。実はアメリカを中心に急速に増えている職業なのです。 募集要項をチェックしてみよう GoogleがUXライターの募集をスタートしたのは2017年3月ごろです。募集要項によると、UXライターとは「文字情報によってユーザーのタスク完了を支援する。自社の商品がもつトーンと製品

きっかけは この記事 を読んだことにあります。 （もう1年以上前の記事なんですね） gigazine.net いろいろと参考になることが書いてあるのですが、なかでも一番気になったポイントは右手でスマートフォンを操作する人の指の届く範囲を表したこの図でした。 http://gigazine.net/news/20141209-ios-android-ux-design/ 画面上に、あきらかに押しやすい箇所と押しにくい箇所があります。 であればいっそ、押しやすい箇所を操作範囲としたUIをつくればいいんじゃなかろうか。 そんなことを思ってつくったモックがこちらです。 http://codepen.io/kimmy/full/LGOaww/codepen.io PCだとちょっと操作しにくいので、是非ともiPhone6以上のサイズのスマートフォンでご観覧頂きたいです。 （iPhoneでしか確認してな