UXデザインにおけるストーリーボードの役割と活用法 | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXデザインを行う際、ワークショップやインタビューなどが主流な調査方法として挙げられます。そして調査結果はユーザーストーリーやプロセスフローで表現されます。また、チームのメンバーと考えを共有したり解決策を話し合うための手段として、ペルソナやWebページのレイアウトであるワイヤーフレームといったツールが使われます。 しかし、これらの調査を行うためには設計した製品のターゲットとなる、実在するユーザーを考慮しなければなりません。製品をより良いものにするためには、ユーザーと製品の間で何が起こっているかを理解し、製品がどのようにユーザーの生活を良くするのかを把握しておく必要があります。そして、ユーザーへの理解を深めるためにストーリーボードを活用します。 この記事では、UX
より良いデザインにするために大切にしたいと思っていること - クックパッド開発者ブログ
こんにちは。デザイナーの遠藤です。 私は今クックパッドiOS/Androidアプリのデザインを担当しています。 みなさんは、既存の機能を別のプラットフォームに追加する際に、あまり考えずにそのまま追加してしまい、後で後悔したことはないでしょうか？今回は、web版にある機能「料理の基本」をクックパッドアプリへ追加した時のことを交えて、より良いデザインにするために大切にしたいと思っていることをご紹介します。 料理の基本について レシピをみて料理を作っている際に、「あれ、半月切りって何だっけ？」「水にさらすってどれだけやればいいんだろう」のような、基本的なことさえわからず手が止まってしまったことはありませんか？クックパッドでは、そんな方のために料理の基本を提供しています。今回私は、この機能をiOS/Androidアプリのレシピページに追加する際、デザインを担当しました。 この機能の使い方は、レシピ
企業をデザインシフトさせる方法と今後のデザイン戦略 | tsublog
少し前に、Schooさんで「 企業をデザインシフトさせる方法と今後のデザイン戦略 」という内容でお話させていただきました。 「 デザイナーの能力を生かせない日本企業の仕組み 」という日経の記事を読んで、共感する事も多く、企業導入の参考事例の一つとして、Schooで話したスライドをシェアしておきます。 デザイン・シンキングは、製品開発する上で有用な手段になりうる一方で、日本の企業ではまだまだ理解してもらえない事の方が多く、デザインというワードを使っているため「その言葉はよく聞くけどデザイナーさんのテクニックの一つでしょ」という現場の方が多いです。 スライドでも触れてますが、多くの現場ではデザイン・シンキング以前の問題が多く、いきなり導入を試みたり、ステークホルダーに提案すると、そのギャップに打ちのめされる事が多いと思います。 一方で、デザイナーが一定以上の品質を目指す場合、技術力が高い人でも
RettyのスマートフォンWebサイトのリニューアルにおける「ユーザーHappy中心設計」 - Retty Tech Blog
みなさん こんにちは。 デザイナーの後藤紗也佳です。 久しぶりの更新となってしまいましたが、 Rettyでは先日、スマートフォンWebサイト(※)のリニューアルを行いました！ 私はPJリーダーとして本プロジェクトに携わっております。※一部対象外 今回は、スマホWeb改善にて、どのように”ユーザーさんのHappyな体験”を追求していったのかについて、フォーカスしてご紹介したいと思います。 [目次] プロジェクトの立ち上がった経緯 本質的な課題は何なのか、ユーザーさんと向き合い知る 仮説と検証からみえてきた結果 自分に合ったお店探しを体験してもらうには 振り返りとこれから 1) プロジェクトの立ち上がった経緯 昨年末にマーケット調査を行ったところ、Retty自体の認知率や満足度に課題が見つかりました。その課題を解決する一つの施策として、もっとも多くご利用いただいている(※)スマホWEBを改善し
Twitterから学ぶアプリ設計・運用のススメ
作り方ではなく進め方が知りたい スマートフォンをはじめとしたモバイル機器向けのアプリ設計・開発がはじまって数年。検索をすれば世界中の開発者、デザイナーの知見をたくさん見つけることができますが、「実際どうやって進めるの？」という部分が見えにくいことがあります。仕様書や Tips を読むだけでは分からない、プロセス特有の課題をどのように取り組めばいいのでしょうか。そんなとき、Twitter が公開している Mobile App Playbook: Lessons Learned が参考になります。 Twitter アプリはもちろん、Cannonball や Furni のような社内プロジェクトを通して学んだこと10 項目が紹介されています。開発で躓いたこと、課題に挙がったこと、解決につながったことが経験に基づいて書かれているので説得力があります。ステップバイステップのハウツー情報が欲しいという
iOS ヒューマンインターフェースの原則 - Qiita
はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想
サイトの利用規約に要約をつけてUXを向上する
サイトなどに登録するとき、利用規約を読んだことがありますか？ 調査によると、オンラインの商品やサービスのために契約するとき、たった7％のユーザーしかその全文を読まないとのことです。利用規約はとても文字数が多く、堅苦しいので、ユーザーが読まないのは無理もありません。 ある調査によれば、ほとんどの利用規約は1,000～8,000語から成るそうです。そのうえ、それを理解するには、少なくとも大学２年生レベルの読解力を要します。関連する調査によると、平均的なユーザーは１年に1,462のプライバシーポリシーを見ると推測されます。 もしユーザーが、自分が訪れた新しいサイトのすべてのプライバシーポリシーを読んだとすると、それらを読むのに１年間で244時間かかることになります。 こうなっているのも、すべてサイトのせいです。サイトの利用規約は、もっと理解しやすくあるべきです。そうしなければ、ユーザーがサイトを
アプリケーションの設定はごめんだ！ : アプリケーションのユーザビリティを考える | POSTD
(訳注：2016/3/2、頂いたフィードバックをもとに記事を修正いたしました。) 注 このブログ投稿は不満をぶちまけています。かなりのものです。自説は曲げません。長いです。そして、頭に血が上っています。かなり暴言です。 目次 アプリケーションの中身は？ アプリケーションについての考え方が間違っている アプリケーションは 体験 のようなもの この問題の解決策 1. 設定より規約 2. アプリケーションを使いながらユーザを丁寧に導く 3. 失敗は起こる。その直し方を知りたい 4. ドキュメンテーションについて考えるのは、やめよう まとめ 参考文献 最近、ソフトウェア開発において復活しつつあるとても 興味深い 傾向があるようです。おそらくNode.jsの哲学に影響を受けているのでしょう。何かを使うためには、まず大量の「依存パッケージ」をインストールする必要があり、さらにそのコンフィギュレーション
おすすめデザイン入門書10選 : could
たまには本もいかがですか？ セミナーやワークショップのあとに質問を受けることがありますが、「おすすめの書籍はありますか？」と聞かれることがあります。 Web には膨大な情報がありますし、英語まで手を広げると研究者による文献にもアクセスすることができます。しかし、ある特定のトピックを要所を落とさず学びたいときは書籍が便利です。 目まぐるしく状況が変わるだけでなく、デザイナーとして知っておくべき領域も広い今日のデザイン。ソフトウェアの使い方を覚えることも重要ですが、作るための考え方や伝えた方を学ぶことに多くの時間を費やしたほうが良いでしょう。自分のデザインの意図が説明できて、ようやく同僚やクライアントにデザインを理解してもらえるからです。 今回は、デザイナーとして読んでおきたいオススメの入門書を紹介。Web やアプリに特化したものではなく、デジタルプロダクトに携わるデザイナーに向いている書籍を
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
「UXは遅効性の漢方薬」DMM.comラボに学ぶ、「ユーザーを見る」組織文化の作り方 | SELECK
デジタルコンテンツ配信、FX、英会話、そして3Dプリントサービスに至るまで、幅広いビジネスを展開するDMM.comグループ。同社でUXチームの設立に関わり、マネジメントを行う井上 誠さんは、「いまDMMに必要なのはユーザー視点で考える文化」だと語る。 世界的なバズワードである「UX」だが、その概念に企業としてどう取り組むか、ということはひとつ大きな課題だろう。井上さんは1年に及ぶ草の根活動を通じて、社内にUX文化を浸透させてきたという。「定性的なデータを拠り所とするUXは、グロースハックとは異なる中長期的な目線が必要」と語る井上さんに、UXチームの立ち上げから、UXという考え方を全社に浸透させていくまでのストーリーを伺った。 Webデザインって何？ から始まった、DMMでの10年 大学を卒業して、まだ新卒制度もなかったDMMに、大学に貼ってあった求人広告を見て入社しました。大学では染物の研
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと：RoomClip
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
UI考 – ざっと見る、じっと見る | fladdict
英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て（スキミング）、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て（スキャニング）いく。英文速読では、この２つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを
酔っ払ってUXレビューをして学んだ10のこと | POSTD
フリーボーナスガイド：あなたはフリーランスのUXデザイナですか？ ビジネスの成長を加速するのに必要な全てがこの総合ガイドに詰まっています。 こちらからダウンロードしてください 。 こんにちは。このブログでは、一般的な記事のようにモノローグ的に書いていくのではなく、読者の方といきなり対話するような形で始めたいと思っています。私はRichardです。 The User Is Drunk（利用者は酔っている） を運営しています。The User Is Drunkは、クライアントのホームページが酔っ払いにどんな風に見えているか、というのを彼らに伝えるために、私が数カ月前に立ち上げたサイトです。 手順はこんな具合です。まずは私が酒を飲んで酔っ払い、クライアントのWebサイトを見ます。そして、どうやったらそのサイトがもっと良くなるかを、普通の利用者の視点で考えます。つまり、私の就業時間は通常は夜になり
クックパッド流「ユーザーファースト」の秘訣について聞いてみました
クックパッドの、その「ユーザーファースト」は、どのようにして推進されているのだろう か。ユーザーファースト推進室の倉光 美和さん（HCD-Net認定 人間 中心設計専門家）に聞いた。 クックパッドは、日本最大の料理レシピサービスであるとともに、「ユーザーファースト」を最も重要な価値観と位置付け、徹底してユーザーの方と向き合いながらサービスを展開している企業だ。 サービス産業生産性協議会が発表する「JCSI（日本版顧客満足度指数）」の2015年版では、インターネットサービス部門で、Google や Yahoo! JAPAN を上回り、全指標で1位を獲得、さらに顧客満足度では3年連続で1位など、ユーザーから高い支持を集めている。 ――ユーザーファースト推進室というのは、どのような部署なのでしょうか クックパッドは社員の行動指針として「ユーザーファースト」であることを掲げています。「提供している
デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ
ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使い心地を良くしてこそ、サービスで本当に実現したい価値をユーザにまっすぐ届けることができるためです。 iOS アプリの使い心地を良くするための基本的なインタラクションを以前当ブログで投稿した記事でいくつか紹介しましたが、今回は前回紹介しなかったインタラクションのうち、「読み込み中」の UI の基本パターンについて取り上げようとおもいます。 はじめに：なぜ読み込み中の UI を考えなくてはいけないのか Holiday iOS アプリでは、基本的にデータはクライアント側で持たずサーバと通信して表示するデータを受け取っており、
お申し込みを1割増やしたフォーム改善の話
もうやりきったと思ってませんか？まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化tanakayoshikif-code
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選
