2019年3月26日に社内で実施した文章力をアップするための勉強会の資料です。プロのライターのようなハイクオリティな文章ではなく、ビジネスパーソンが仕事をする上で最低限機能する上での「上手な文章」を、とても簡単な3つに絞って話をしています。実際の勉強会ではワークもしてもらいました。皆さんもこれを読んで、実際に手を動かして自分の文章を添削してみてください。

Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか？ 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていないようなのです。 もちろん、ちょっと知識のある人であれば、ユーザビリティ業界の第一人者であるヤコブ・ニールセン博士が提唱したというところまでは知識として知っているでしょう。しかしながら、その元ネタとなった論文を実際に読んだ人、あるいは85%という数字の根拠やその条件について理解されている方はどの程度居るのでしょうか。 ということで本記事では「ユーザテストは5人で85%」の元ネタである下記の論文について、解説、と言うとちょっと大げさかもですが、概要を紹介してみたいと思います。願わくば、この記事

大型の四角いメニューは、ナビゲーションの選択肢をグループ化することでスクロール操作をなくしてくれる。また、タイポグラフィやアイコン、ツールチップを利用することで、ユーザーが選択できる内容をわかりやすく提示してくれる。 Mega Menus Work Well for Site Navigation by Jakob Nielsen and Angie Li on March 26, 2017 日本語版2017年7月28日公開 メガメニューは、展開可能なメニューの一種で、多数の選択肢を二次元のドロップダウンで表示するものである。大量の選択肢を提供したり、サイトの下位の階層にあるページを一目で見えるようにしたい場合には最適なデザインといえよう。 下のスクリーンショットが示すように、メガメニューには以下のような特徴がある： 大きな二次元のパネルで、ナビゲーションの選択肢をグループ化する。 ナビゲ

インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…？？ まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか？ どういう経緯で買ったのかも知りたいです。 女子大生： このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな？」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写

先進33か国において、コンピュータ関連の高い能力を持つ人は人口の5％にすぎない。また、中程度の複雑度のタスクを完了することができる人は全体の3分の1しかいない。 The Distribution of Users’ Computer Skills: Worse Than You Think by Jakob Nielsen on November 13, 2016 日本語版2017年3月16日公開 身につけるのがもっとも困難なユーザビリティの教訓に、（訳注：デザインプロジェクトに携わっている）「あなた方はユーザーとは違う」というのがある。これこそがユーザーのニーズについての推測が大失敗に終わる理由だ。デザイナーは大半のターゲットオーディンエンスとあまりに異なっているため、いいと思っているものや利用しやすいと思っているものが見当違いになるだけでなく、そうした自分たちの個人的好みによって判断す

〜デザイナー自身が、ユーザーの声に基づき仮説を立てる一方で、それを裏付ける数値も自ら導き出す。フリマサービス「フリル（FRIL）」の、定性データと定量データを使いこなすデザインチームのつくり方とは〜 サービスを改善していく上で、ユーザーの声は非常に重要だ。 しかし、聞こえてくるユーザーの声のみに意識を向けることは、時にユーザーの声の裏にある真実を見失ったり、サービスを成長から遠ざけてしまうことがある。 今やアプリのダウンロード数が650万を越える、国内有数のフリマサービス「フリル（FRIL）」。同サービスを運営する株式会社Fablicは、「ユーザーの声」である定性データを大切にしてデザインの改善を続けていた。しかし、ユーザーの声を反映させた機能改善が、必ずしもKPI、すなわちサービスの成長に繋がるものばかりではないという課題も抱えていたという。 そこで同社では、デザイナーが日々データに触れ

僕は個人でアプリを出してるんですが、以前から試してみたいなと思いながらもビビっていた電話サポートを最近始めてみた。 以前から、アプリ内にHelpshiftでヘルプチャットいれて、そこからのフィードバックは多いに参考にしながらアプリをアップデートしてるんだけど、さすがに電話サポートまでは面倒だなというか、開発中に突然電話かかってきたら集中力が途切れないかなとか、そういう懸念からやってませんでした。 しかし、チャットに比べて電話で対応できたらユーザがどこで詰まるかの情報量も圧倒的に多くて改善に役立つだろうし、その場でこちらから質問もできるから解決も速いはず。 さらに、問題がわかった順にアプリを改善していったり、ヘルプの書き方を変えていけば、同じ質問は何度もこなくなるというのは以前からの経験でわかっている。Airbnbの創業者も創業当時はずっとヘッドセットつけながら、ユーザーサポートを自分でやっ

使いやすいアプリを作るための、とても簡単で、確実な方法があります。 それは、ユーザの問い合わせに対応することです。具体的に言うと、問い合わせが気軽にできるようなUIにして、そこで得た情報源を元にUIを分かりやすく改良していく。(機能追加とはまた別の話) ただ、直感的に感じるように、これは手間がかかるのでたくさんの人は逆のことをしようとする。つまり、ユーザヘルプを設置して、問い合わせ先は出来るだけ発見しにくい洞窟の奥深くに設置する。 でも、問い合わせには、アプリの利便性向上につながるヒントが豊富に隠されています。ユーザがどんな問題やニーズを持っているかのヒントもザックザック出て来ます。ザックザックです。 アプリ開発にとって、やったことがいい事は星の数ほどあって、そのどれもをやろうとすると時間やお金がいくらあっても足りません。だから、”やったほうがいい事”の優先順位は常に意識して、メリットとそ

最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック

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

SiFi-TZK @SiFi_TZK ここがダメだよ！ゲームのUI。その１、同じ機能なのに使うボタンが違う。「そんなわけねーじゃん！」とお思いでしょう？でも例えば、「マップを拡大するボタン」と、「ギャラリーでモデルを拡大するボタン」が平気で違ってたりする。 2016-11-11 01:41:12 SiFi-TZK @SiFi_TZK ここがダメだよ！ゲームのUI。その２、同じものが違う場所に表示される。「そんなわけ(ry」あるモードでは「名前、ステータス、技」の順番なのに、別のモードで開くと「名前、技、ステータス」の順になってたりとか。 2016-11-11 01:45:17

今回はモバイルアプリのUIデザインをするときに参考になる素晴らしいスライドを紹介します。 モバイルアプリはWebデザインとはまた異なった視点が必要になってきます。モバイルアプリ特有のデザインフローや、プロトタイピング手法について学びたい方におすすめです！ アプリUI勉強会 in ネットイヤーグループ

『週刊ダイヤモンド』特別レポート ダイヤモンド編集部による取材レポートと編集部厳選の特別寄稿を掲載。『週刊ダイヤモンド』と連動した様々なテーマで、経済・世相の「いま」を掘り下げていきます。 バックナンバー一覧 米アマゾンの決済サービス「アマゾンログイン＆ペイメント」を導入する企業が拡大している。日本でも2015年5月のサービス開始以降、導入企業は200社を突破した。米アマゾンバイスプレジデントのパトリック・ゴティエ氏にサービスの狙いを聞いた。（聞き手／「週刊ダイヤモンド」編集部 大矢博之） ――アマゾンログイン＆ペイメントの現状はどうなっていますか？ アマゾンログイン＆ペイメントは2013年の米国を皮切りに、14年に英国とドイツ、そして15年に日本でサービスを開始しました。目的は、アマゾンの顧客がどこでも手軽にショッピングをできるようにすることです。 サービスへの反応は、現在のところとても

簡単設置スマホ対応レスポンシブ メールフォームの無料ダウンロード 公開日 2014年3月28日 最終更新日 2024年3月18日 著者 Motohiro Tani とても簡単に設置できるメールフォームを無料でダウンロードできます。 制作する上での基本思想は、 入力する人がストレスを感じることなく快適に入力～送信までできること。 なるべく簡単に設置でき、正常にメール送信がされること。(標準状態で) 既存のページに組み込みやすいこと。 デザインの変更などがしやすいこと。 となっております。上のものほど優先度が高いものになります。 上記1と2を特に重視している関係上でメール本文欄のカスタマイズは難しいかもしれませんが、そのあたりは設置者のスキルやカスタマイズ依頼などでカバーしてください。(宣伝) 現在の最新バージョンは2022年12月22日公開の8.1です。 参考ページ：プログラムをアップデート

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

ユーザーのことを怠惰だとか、ちょっと間抜けなどと思ったことはないだろうか。デバイス慣性や慣性的行動、選択的注意といったよくある振る舞いによって、ユーザーが怠けているように見えてしまう。しかし、ユーザーがエラーを起こしやすい経路をたどる真の要因は、ユーザーの努力不足ではなく、インタフェースのデザインにあるのだ。 Why Designers Think Users Are Lazy: 3 Human Behaviors by Kara Pernice on October 4, 2015 日本語版2015年12月2日公開 自分たちのデザインに対してユーザーがうまくいってないのを実際、目にすると、我々は通常、ユーザビリティを良くするため、インタフェースを改善しようとする。しかし、ユーザビリティテストを見ていて、ユーザーのせいにし、彼らのことを「不適切なタイプの顧客」とか、もっとひどいときには「鈍

アプリのUIデザインで一番重要なのは、ボタンやメッセージに使われる言葉だと思う。 ここでは、他の文章と違い、権威付けや、自分を賢く見せるためにあえて難しい言葉を使う人は皆無だと思う。とにかく分かりやすく、できるだけ短い方がいい。 でも、これが簡単なようで、本当に難しい。 アイコンで代替できないか まず最初に考えるのが、文字ボタンをアイコンに変更できないかということ。アイコンに変えられるなら、世界中の人がわかるし、翻訳の手間も減る。 でも、一般的に普及しているアイコンと、していないアイコンがある。例えば、進む戻るの矢印アイコンならば分かりやすいけど、あまり見慣れないアイコンになった瞬間、押してみないとわからない状態が発生する。 アイコンを使う時は、本当に誰でもわかるアイコンかを何度も考える必要がある。押してみないとよくわからない状態は良くない。 短くするのは難しい まず、メッセージは短くない

ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。