Creating beautiful, but also practical UIs takes time, with a lengthy amount of design revisions along the way. I know. I’ve been there before. But what I’ve discovered over the years is that by making just a few simple, and quick adjustments to your designs you can improve the end-result massively. In this article I’ve put together a collection of my popular UI & UX tips from the past 12 months t
UXデザインについて考えるオンラインイベントUX MILK ALL NIGHTに参加しました。UIUXデザイン業界で働く身として勉強になったのでシェアします。 イベントの概要 UX MILK ALL NIGHTはUXデザインについて完全オンラインで夜更かしして考えよう！というイベントです。 9月12日（土）19:30 - 9月13日（日）12:00までのオールナイトで行われ、UXデザイン領域で活躍されている方々のセミナーを聞けました。リアルタイムの参加は無料で、アーカイブは有料で公開という形で行われました。 UIUXデザイナーとして 株式会社メルペイのUXリサーチャーである 松薗 美帆さんの「戦略からUIまで伴走するUXリサーチについて参考になったポイントをレポートしていきます。 松薗さんの紹介 メルペイのUXリサーチャー リクルートでデジタルマーケやプロダクトマネージャーなどをしていたJ
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
ワイヤーフレームガイドへようこそ！ このチュートリアルガイドは以下に当てはまる方におすすめです。 UXデザインについてもっと知りたい UXデザイナーとしてキャリアを始めたばかり 高品質のワイヤーフレームの提供に苦労している 基礎に磨きをかけ、最新トレンドをもっと取り入れたい 本ガイドは以下の3部構成で形成されています。ワイヤーフレームの基礎や応用など、自分が学びたいテーマを選択しましょう！ ワイヤーフレームの概要 ワイヤーフレームとは？ ワイヤーフレームは、ウェブサイトや、サービス、アプリケーションの骨格となるフレームワークを指します。視覚的な枠線や、記号、テキストを用いて、ページのコンテンツや機能の構造を表します。 ワイヤーフレームは成果品の基本構造や目的を確立するために、開発の初期段階でつくられます。完成したワイヤーフレームは、プロジェクトのビジュアルデザインと開発の基礎となります。
It’s been a pretty intense year for us. Continuing our mission of democratizing access to UX content through various channels, in 2016 we launched ux.today (one link per day about User Experience), ux.email (weekly newsletters with the best of UX) and uxchat.me (interviews with UX Designers through conversational UI). 2016 was also a year of curated collections: design publications to follow, desi
UX Books are still a thing. Although long-form articles on User Experience are increasingly becoming available online, for free, books still have a place in our hearts. The challenge of reading in the browser is that we’re constantly distracted by notifications, emails, and much more attractive browser tabs that derail us from finishing what we started – whereas books allow us to focus on a much m
発売日前日ということで、まとめまではいきませんが感想を書いておきます。 （ざっと読んだ所感なので、間違いなどありましたらご容赦！） 『UX戦略』はどんな本？UXデザインの手法を使いつつコンパクトに価値の仮説を検証しながらビジネスに落とし込んでいく考え方と方法について書かれている。 UX戦略の基本要素は下記の4つ ビジネス戦略：TK価値の革新：TK検証のためのユーザー調査：TK革新的UXデザイン：TKなぜ「UX戦略」が必要なの？収益構造のロジックがあっても実際にユーザーにとって価値があるものでなければ成立しない。ユーザーへの価値提供をビジネス戦略の上に「乗せる」のではなく「組み込む」ことが事業づくりにとって必要だから。 どうやって「ビジネス戦略」に価値提供を組み込むの？リーンスタートアップの思考法と手法に加えてUXデザインの手法を利用する。 なにがわかる本？リーンなプロダクト/マーケットフィ
結論から言うと、UX戦略は概念であり、手法ではありません。UX戦略とは UX デザインの3つの対象領域であるビジネス、プロダクト、そしてユーザーすべてを対象範囲として UX デザインの活動に含めることを指す概念だと著者は考えています。 以降はその思想に至った背景と、UX戦略を理解するために著者が整理した枠組みをご紹介します。読者のみなさまにとって、少しでもお役に立てれば幸いです。また、この記事がきっかけとなって UX戦略に関するディスコースがこれまで以上に活発になることを願って。 背景となる思想 UX戦略を語る上で、以下の2人のキーパーソンは欠かせません。 Paul Bryan（ポール・ブライアン：以下、ポール） Jamie Levy（ジェイミー・レビィ：以下、ジェイミー） ポールは UX戦略に特化した世界初のカンファレンス「UX STRAT」の発起人として2012年より活動しているコンサ
『UXデザインの教科書』の詳細内容（第2報）
2016年5月8日に、第19回情報デザインフォーラムで「『UXデザインの教科書』を書きました」というタイトルでライトニングトークをしました。 書籍の内容をより詳細に紹介しています。 『UXデザインの教科書』を書きました from Masaya Ando UXデザインの知識は多岐にわたります。しかし、UXデザイナー教育をするための、基礎知識の体系化はこれまで十分に検討されていませんでした。本書は、UXデザインを「デザインの実践」ととらえ、実践のためのインプットとアウトプットという視点から、知識を体系化することを試みました。 UXデザインの要素と関係性の図（下図）は、やや複雑に見えますが、「UXデザイン」に向かう矢印に注目すると、UXデザインのインプットを意味しています。逆に、「UXデザイン」から外に向かう矢印に注目すると、UXデザインの主なアウトプットを示しています。 本書の第2章は、UXデ
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 １．UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく
今回は前回のアドベントカレンダーに続き、UX Advent Calendar 2013にも参加させていただき、本日担当となるので、件名のトピックスでお届けしたいと思います。筆者はデザイナーやUXに携わっている方（の多くが）読んでいているWebDesigningという雑誌で1年ほど連載を行っています。筆者自身はUXには強く無いのですが、デザイナーやエンジニアにも解析を意識してもらいたいなと思い、コンテンツを毎月書いております。というわけで、UXの観点も交えながら、今年おすすめの記事を10+α個紹介いたします。 image from flickr 1:唯一の販売チャネルから最大の成果を得るためにテスト＆分析でコンテンツ貢献度をチェック／ライフネット生命保険のアクセス解析事例【Web担当者フォーラム】 唯一の販売チャネルから最大の成果を得るためにテスト＆分析でコンテンツ貢献度をチェック／ライフネ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
Posted by Reto Meier, Android Developer Relations Tech Lead With the release of Nexus 7 earlier this year, we shared some tips on how you can get your apps ready for a new wave of Android tablets. With the holiday season now approaching, we’re creating even more ways for great tablet apps to be featured in Google Play - including a series of new app collections that highlight great apps specifical
ちょっと前になりますが、自分が現在所属している会社の研修の一環で「情報アーキテクチャ」をテーマにした講座の講師を拝命して研修を行いました。 対象はおもに若手社員、というターゲットが設定されていて、講座は全3回となぜかきまっていました。 正直、3回もネタが持つかなー、と思ったり聴いてくれる人も中だるみ感がないようにしたいな、と思っていろいろ考えました。 考えた結果、講座は ・過去 ・現在 ・未来 の3軸に分けることにしました。 なぜ、そうしたかというと若手をターゲットにしていたので、若手に「Web業界でなぜIAが必要とされるようになってきたか」、を知ってほしいと思ったからでした。 それを知ることで、僕らが相手にしているクライアントさんがどういう課題意識を持って、僕らにご相談いただいているのか、プロジェクトを進める過程でどういう悩みを持って僕らと対峙しているのか、という部分を少しでもわか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
