qiwynnjpのブックマーク (8)

  • アプリの導入画面「ウォークスルー」のデザインで気をつけたい5つのこと

    UX Movementの著者であり、編集長です。明確で効率的なデザインに美しさを見出し、ユーザーのために闘うことが好きです。 新作アプリにとって、ウォークスルーはいわば「取扱説明書」のようなものです。 ウォークスルーは、新しいユーザーがアプリを起動したときにまず表示される、アプリの機能についての簡単なガイダンスのようなものです。新しいユーザーが戸惑うことなくアプリを使うために活用されます。 アプリからウォークスルーを無くしてしまうと、ユーザーを混乱させてしまう可能性があります。逆にあったとしても、読みにくくわかりづらいものであれば結果は同じです。ユーザーはウォークスルーを面倒に感じ、読み飛ばしてしまうでしょう。 ウォークスルーは、ユーザーにアプリの使用方法を理解してもらうため、読んでもらえるようなものであるべきです。そのためには、明確なナビゲーションにし、読みやすいテキストにしましょう。ま

    アプリの導入画面「ウォークスルー」のデザインで気をつけたい5つのこと
    qiwynnjp
    qiwynnjp 2016/09/29
    ウォークスルー アプリ チュートリアル
  • パララックスや無限スクロールはどんなときに使えばいい?

    課題 ・サイトが多様且つ大量の内容を含んでいて、複数のページでは誘導が難しい ・サイト上のコンテンツをスムーズに、そして連続して展開したい 解決策 Webサイトに含む情報を一か所に集めたいなら、長距離スクロールサイトをシングルページで作りましょう。ソーシャルメディアのサイトや、その他ユーザーの制作物を含むサイトには絶大な効果を発揮します。これらは内容を一度にまとめて閲覧することが楽しみの一つであり、また常に内容の更新が行われるために、情報の分類が難しいからです。 画面が小さいためにスクロール量が多くなるモバイル環境の普及も、長距離スクロールにとっては追い風です。 後述する無限スクロールを長距離スクロールと組み合わせれば、Webサイトの閲覧に没入感を生み出します。ユーザーが特定の情報を探している場合は、Amazonのような体系的な仕組みに軍配が上がりますが、情報を次々に閲覧するなら、長距離ス

    パララックスや無限スクロールはどんなときに使えばいい?
    qiwynnjp
    qiwynnjp 2016/08/16
    パララックス、無限スクロール
  • Slackにおける組織的なUXデザインプロセス

    Jerry Cao氏はUXPinのコンテンツストラテジストで、毎日溢れ出る想像力を利用して執筆活動に励んでいます。以前は、Braftonでクライアントにコンテンツストラテジーを開発し、DDB San Franciscoでは従来の広告宣伝に携わっていました。 チームコミュニケーションを円滑にすることを目指すSlackは、2016年のはじめには60万人を超える有料ユーザーを抱え、時価総額300億ドルの評価額となりました。 Slack仕事をできるだけシンプルに捉え、組織全体で向き合うことで生産性を上げており、デザインプロセスに関してもこれは例外ではありません。 Slackでは400名以上の従業員が働いていますが、彼らは開発者であると同時にSlackのテスターでもあります。全従業員がユーザーとして毎日8時間以上もSlackを使っているので、デザインチームは今までにないほどコンスタントにユーザーか

    Slackにおける組織的なUXデザインプロセス
    qiwynnjp
    qiwynnjp 2016/07/29
    デザインプロセス
  • 45541

    CareerFoundry UX Design Courseを卒業。ユーザーリサーチ及び相互作用デザイン専門。 この記事を読んでいる人は恐らくUXデザイナー、あるいはUX関連のお仕事を志望の方が多いのではないでしょうか。 私自身もUXデザイナーなのですが、UXデザイナー職の面接は一筋縄では行きません。業界の経験もあり、長い間仕事をして実績もあり、多くのクライアントから良い評価をもらい、数々の問題に対処してきた猛者だとしても、面接は手強いものです。 面接の準備にはすごく手間がかかります。今回は、面接の場で読者の皆さんのスキルや専門分野に関して自信を持って話してもらえるよう、UXデザイナーの仕事の面接でよく聞かれる質問をリストアップしてみました。 下記の7つの質問を見てみましょう。そして、その質問に対してどう答えてUXデザイナーの仕事を手に入れるか、戦略を考えていきましょう。 UXデザインに関

    45541
    qiwynnjp
    qiwynnjp 2016/07/28
    UX interview
  • UIにマイクロインタラクションを! より良いUXのための7つの秘訣

    Dmytroは、SoftServeのデザイン部門ディレクター兼SoftServe Unitedブログの寄稿者です。Dmytro氏はこの業界に13年以上携わっており、UIデザインやインタラクションデザイン、モバイルデザイン、IA及びUXを専門としています。 私たちは、の良し悪しをその表紙で判断しがちです。良いデザイナーはそれを理解した上で、機能的なUIにおいてもキャッチーさを忘れません。しかし、キャッチーさはユーザーの興味を惹きつけることはできるかもしれませんが、購入などのコンバージョンに結びつくとは限りません。 きちんとビジネス目標を達成できるように彼らを引き込むには、どうすればよいのでしょうか? この問の答えを探す中で、最終的にはユーザーに最も焦点を当てた「人間中心のデザインアプローチ」が不可欠であるということが分かるでしょう。つまり、人間らしさが大事であるということです。皆さんのアプ

    UIにマイクロインタラクションを! より良いUXのための7つの秘訣
    qiwynnjp
    qiwynnjp 2016/05/19
    UI micro interaction
  • Webライティングにおけるコンテンツ戦略

    BjørnはNetlife Researchのコンテントストラテジストです。仕事以外の時間ではノルウェーのオスロにある彼のオフィスでブログを書いたりツイートしたりしています。 私は過去に二回、Web編集者として仕事をしたことがあります。どちらの時も、会社側からは一刻も早い記事公開を常に迫られていましたが、一方で抱えている原稿は到底公開できないようなクオリティの低いものでした。その後、コンサルタントとして働くようになってからも、私は他のWeb編集者たちが、まったく同じ問題と格闘しているのを見てきました。 彼らは社内からの要求に疲弊しながら必死にコンテンツの生産に取り組み、同時にそれによって引き起こされる低品質なクオリティに再度苦しめられます。しかしそんなWeb編集者やコピーライターたちのような状況でもまだ、工夫によってはこのような問題をどうにか克服し、共感の得られるコンテンツを作り出すことが

    Webライティングにおけるコンテンツ戦略
    qiwynnjp
    qiwynnjp 2016/05/18
    Webライティング
  • 新人Webデザイナーが知っておくべきWebデザイン専門用語30選

    Web業界に入ってまず苦戦するのが専門用語の多さです。これからWebデザイナーとしてお仕事をする新社会人の方は、こうした専門用語を入社前にきちんと覚えておくと良いスタートを切れるのではないでしょうか。 そこで今回は、新人のWebデザイナーが知っておきたい専門用語をご紹介します。 すでに聞いたことのある用語でも、なんとなくのニュアンスで使っていないかチェックしてみてくださいね。 概念 UI 「ユーザーインターフェース(User Interface)」の略で、ユーザーがコンピュータなどのIT・デジタル機器/システムと情報のやりとりをするための仕組みや操作感のことです。ユーザーの目に触れる部分や使用する部分はすべてUIといえます。 「ユーザーエクスペリエンス(User Experience)」の略で、ユーザーがある製品・サービスを通じて得られる体験を意味します。その体験によってユーザーが抱く感情

    新人Webデザイナーが知っておくべきWebデザイン専門用語30選
    qiwynnjp
    qiwynnjp 2016/04/08
  • デザインに迷ったらこれ!デザイナー向けの便利なWebサイト・サービス10選

    配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。 そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。 Coolors Coolorsは、バランスの良い配色パターンをランダムに表示してくれるWebサービスです。スペースキーを押すと、センスのある配色パターンを次々と生成してくれます。 気に入った色は固定することができ、さらにそれに合った色を探してくれるのでとても便利です。また、気になった色にカーソルを合わせれば、HSB、CMYK、RGB、PMSの値やコピックの色番号を知ることもできます。 COLOR SAFE

    デザインに迷ったらこれ!デザイナー向けの便利なWebサイト・サービス10選
  • 1