UX Project Checklist
Sign in with Google to sync across devices. Sign in failed! :( You're signed in with Google. We use Google Drive to create and save a file on your account so you will be able to open the same checklist on all your connected devices. And guess what?! You can share it! Well, yeah is not a big deal, but it come for free, yes like everything else, what I mean is that we didn't had to do anything for t
どれだけ知ってる？UXの学習で知っておきたい5つの基本法則とは
デザインに関する法則とは違って、「UX」はどのように勉強すれば良いのか悩んでいる方もいるはずです。 しかし、UXの世界にも、知っておきたい*「基本法則」*が存在します。長年現場にいれば当たり前のことかもしれません。しかし、改めて確認することで新たな発見もあるでしょう。 今回は、UXの学習で知っておきたい5つの基本法則を紹介します。すでにご存知の方はもちろん、UXについてあまり知らない方も、ぜひチェックしてみてください。 UXの学習で知っておきたい5つの基本法則 1. 系列位置効果 *系列位置効果(シリアルポジションエフェクト)*とは、単語リストなどのリスト形式で提示されたものを記憶する際に、そのリストの位置によって、それぞれの項目の記憶維持状態に大きな差異が見られる現象を指します。 このうち、比較的最初のほうにある単語の方が記憶されやすいことを「初頭効果」、終わりに近いものをよりよく記憶し
全部知ってる？UXデザイナーとコミュニケーションを取るために知っておきたい専門用語19選
ホームページを作成する目的は、単に自分たちの存在をアピールするだけに留まらず、ユーザーに定期的に訪問してもらい、最終的にはコンバージョンや売上を上げることです。 単に美しいだけのホームページではあまり意味がなく、結果の出せるホームページにするという目的を達成するために、UXデザイナーはとても重要な役割を担っています。 UXデザインは、従来の直感的なデザインとは違い、厳密な根拠や仮説に基づいてデザインを行なっていきます。 その範囲は、デザインという名前の通りモックアップやプロトタイプを作るだけではなく、調査や計画、テストや効果測定に至るまで、ユーザー体験を広げるためのあらゆることを担当していきます。 売上に責任を持つ重要な役割を担っているがゆえに、UXデザイナーと円滑にコミュニケーションをとるのは大切なことです。 今回は、UXデザイナーとコミュニケーションを取るために知っておきたい専門用語を
「ボタンレスなUI」を考えるために知っておきたい代替案5選
「ボタン」は非常に便利な装置です。 レバーのように握る必要もなければ、ダイヤルのようにつまみを2つの指でつまんでひねる必要もありません。 指一本で押すことができればいいのです。 Webの世界でも、ハイパーリンクのテキストからスタートし、画像、CSSと形を変化させながら、現在も多くの「ボタン」が使われています。 ただ、テクノロジーがさらに進化すると、「ボタンレス」な(物理ボタンのない)ユーザーインターフェイスが登場するのではないかと多くの人々が唱えています。 もしボタンがないユーザーインターフェイスを採用する場合、何に気をつければいいのでしょうか。 今回は、ボタンレスなデザインの概要をご紹介するとともに、ボタンレスなUIを考えるために知っておきたい代替案をご紹介します。 「ボタンレス」なデザインとは、「ボタンとは無縁なユーザーインターフェイスを兼ね備えたデザイン」ということです。 Micro
余分なものは省こう！美しいアプリに共通している「ゼロUI」とは？
Amazonの音声アシスタント "Alexa" を搭載したデバイス「Amazon Echo」をはじめ、IoT時代のデバイスには余計なボタンが付いていないことが多くなっています。こうしたデバイスは、基本的に手を使って操作するというよりは、音声を使って操作したり、あるいは全く操作しないようになっています。 実は、こうしたUI（User Interface）のほとんど（あるいは全く）ないデザインのことを、*「ゼロUI」*と呼ぶことがあります。この言葉自体は2015年頃から次第に使われており、IoTデバイスだけではなく、最近ではモバイルデザインにおいても意識されていると言われています。 それではなぜ、このようなUIのないデザインが注目されているのでしょうか。 今回は、*美しいアプリに共通して見られる「ゼロUI」*について、その概要やポイントをご紹介します。 一切のムダを排除したデザイン「ゼロUI」
インスピレーションが湧いてくる！シンプルでクールなモバイルアプリのデザインモックアップ18選
モバイルアプリケーションをデザインするときに気をつけたいのは、その画面サイズの小ささを生かしてどのようにデザインするのかを考えることです。 画面サイズが小さければ制約も大きくなってしまうと思ってしまいますが、実は世界の前線で活躍しているデザイナーたちはそうした制約に縛られることなく、自由な発想でデザインをしています。 今回は、デザインの共有ができるSNS「dribbble」から、インスピレーションがどんどん湧いてくるモバイルアプリのデザインをご紹介します。 色使い、UIの形、空間の使い方など、どれを取っても参考になるものが多いはずです。 面白そうなアイデアはぜひご自身のデザインに取り入れてみてください。 シンプルでクールなモバイルアプリのデザインモックアップ 1. 白とグレーを基調としたクリーンなUI ▲ #2 Invisible series -Food delivery app by
ハンバーガーメニューに代わるナビゲーションデザイン案10選
モバイルアプリケーションやウェブサイトのデザインは、画面が小さいゆえにどのようなデザインが好ましいか、常に議論されています。 文字のサイズ、画像の解像度、効果的なアイコンの使い方、アニメーションやカルーセルまで、小さな画面で効率よくブラウジングできるように、デスクトップアプリケーションやパソコンで見るWebサイトと異なる考え方で設計することが大切です。 その中でも比較的よく使われるのが、ハンバーガーメニューです。 ハンバーガーメニューは、3本の横線が並んだアイコンをタップすることでメニューを表示させる仕組みのUIで、ファーストビューでメニューを表示するスペースを節約できるので、多くのデザイナーが好んで使っていました。 実際、レスポンシブデザインを採用していても、画面サイズが大きければ通常のメニューを採用し、画面サイズが狭くなればハンバーガーメニューに切り替えるといったデザインが採用されるこ
美しいアプリをデザインするには？iOSのアプリ制作に関するデザインガイドラインを徹底解説（前編）
Appleのデザインは、シンプルかつ非常に洗練されているので、多くのWebデザイナーやアプリデザイナーがAppleのデザインを手本としたり、参考にしたりしています。 実際に、Appleのデザインを信奉する人々は20年以上も前からいましたが、コンピュータの形状や色などのいわゆる*「外側のデザイン」に加えて、現在では画面の中身である「内側のデザイン」を模倣したり研究したりするケースも多いのではないでしょうか。 特にiOSに関しては「iOS7」*からデザインを大きく変えており、App Storeで配布されているアプリケーションに関しても、できるだけ「iOS」の世界観を崩さずに(もしくはできるだけ世界観に適用するように)シンプルにデザインされているアプリがたくさんあります。 ところで、世界で最も使われているOSである「iOS」には、「ヒューマンインターフェイスガイドライン」(Human Inter
今さら聞けない！UI/UXを確実に学ぶオススメの良スライド10選
2016年6月20日に博報堂DYメディアパートナーズのメディア環境研究所が発表した情報によると、スマートフォン/タブレット端末所有状況は2016年に70.7％となった模様です。2010年にはわずか9.8％だったことを考えると、急速に普及していることが窺えます。 参考： 博報堂DYメディアパートナーズ「メディア環境研究所」 Webサイト制作の際、これまではPCに特化したデザイン・構造だけを考えれば済む時代でした。 しかし、急激なスマートフォン・タブレットの普及により、現在はスマートフォンやタブレットを想定した内容が求められています。 その流れで近年注目されているのが*「UI/UX」*です。 操作性が悪いとユーザーはすぐに離脱してしまいます。 スマホやタブレットでより多くのユーザーに快適に利用していただくためにも「UI/UX」の設計は非常に重要です。 今回は、UI/UXについて基本から実践レベ
UI/UXが優れている！2016年オススメのWebサイト・アプリ9選
使いやすく、心地よいホームページには、必ず根拠があります。 「使いやすい」「心地よい」という感覚を生み出す重要な要素の一つが、UI/UXです。 どれだけ素晴らしいコンテンツが用意されていたとしても、UI/UXが優れていなければ長期的に利用してもらうことはできないでしょう。 今回は、ホームページやアプリの中で「インターフェイスのデザインやユーザー体験が素晴らしい」と話題になったものご紹介します。 UI/UXが優れている！Webサイト・アプリ9選 1. Stripe Radar https://stripe.com/radar Stripe Radarは、従来の決済システムと異なり、機械学習を取り入れた誰でも簡単に導入できる決済システムです。 トップページはマウスで動かして機能性を確認できる多面体で、傾けて奥行きをつけた動画の配置、紫色が特徴のグラデーション、シンプルなアニメーションなど、見て
UIにマイクロインタラクションを！ より良いUXのための７つの秘訣
Dmytroは、SoftServeのデザイン部門ディレクター兼SoftServe Unitedブログの寄稿者です。Dmytro氏はこの業界に13年以上携わっており、UIデザインやインタラクションデザイン、モバイルデザイン、IA及びUXを専門としています。 私たちは、本の良し悪しをその表紙で判断しがちです。良いデザイナーはそれを理解した上で、機能的なUIにおいてもキャッチーさを忘れません。しかし、キャッチーさはユーザーの興味を惹きつけることはできるかもしれませんが、購入などのコンバージョンに結びつくとは限りません。 きちんとビジネス目標を達成できるように彼らを引き込むには、どうすればよいのでしょうか？ この問の答えを探す中で、最終的にはユーザーに最も焦点を当てた「人間中心のデザインアプローチ」が不可欠であるということが分かるでしょう。つまり、人間らしさが大事であるということです。皆さんのアプ
マイクロインタラクションとは？UXに取り入れる際の5つのポイント
「"中身を読まずに"表紙のデザインやタイトルを見て本を買ってしまった」 あなたも、このような経験はありませんか？ この行動自体は、決して珍しいものではありません。 だからこそ、本や雑誌、書籍と同様に、ホームページも*「見栄え」や「タイトル決め」*というのは非常に重要な要素といえます。 しかし、「UXデザイナー」という職業が確立された昨今、今求められているのは外観（見た目）だけではありません。 ホームページでいえば『内容』や『体験』にフォーカスする必要があります。 それでは、どうすればユーザーに満足してもらえる内容・体験になるのでしょうか。 その答えのヒントとなるのが*「ヒューマンセンタードデザイン(Human-centered Design、人間中心デザイン)」*です。感情や日常表現も含めて普段使っている言葉と同じ言葉で語りかけ、必要な時にはあなたを笑わせたり驚かせたりします。AIチャット
ノンデザイナーこそ知っておきたい！デザインでセンスより大切な心理学のルール
デザインに一番大事なのはセンスだと思っていませんか？ ディレクターやエンジニアにも役立つ、Webデザインで使える心理学のルールとは？ ミズーリ工科大学の研究によると、Webサイトに対するユーザーの第一印象の94%以上はデザイン関連の要素で決まっているようです。また、なんと88%ものユーザーが、ユーザビリティの問題があったWebサイトを再び使わないと決めることも分かっています。 しかし、Webサイトのデザインには高度な技術力や美的感覚が必要だと思うのなら、考え方を変えてください。美的感覚は確かに重要ですが（なんといってももう2016年なのですから！）、Webサイトに必要なのは美的感覚だけではありません。実際、一番大事なことでさえありません。一番大事なのはユーザビリティであり、もっと実入りの多いWebサイトを確実に作るには、心理学のルールを使ってWebサイトをデザインしなければなりません。 ル
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
これだけは押さえておきたいアプリのUXを改善する10の方法
アプリエンジニア。株式会社マイナースタジオ所属。主に扱っているプログラミング言語はSwift、Ruby、PHP、Python。イカが好き。 ユーザーにストレスなくより良いユーザー体験を提供するためには、細部のUIデザインにも気をつけなければいけません。 今回はこれだけは押さえておきたいUIデザインを紹介します。 1. エラー時は問題の解決方法も載せる たとえば、ネットワークエラー時などには「ネットワークに接続できませんでした」と表示するだけでなく、「ネットワークに接続できませんでした。Wi-fiの設定を確認のうえ、もう一度お試しください」というようにエラーの解決につながる方法を明示した方がより親切です。 2. 画面をスワイプで戻れるようにする iPhone6, iPhone6 Plusがリリースされ、最近では大画面のデバイスが増えてきました。片手操作の場合、画面上部にあるボタンに届かないと
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ
ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使い心地を良くしてこそ、サービスで本当に実現したい価値をユーザにまっすぐ届けることができるためです。 iOS アプリの使い心地を良くするための基本的なインタラクションを以前当ブログで投稿した記事でいくつか紹介しましたが、今回は前回紹介しなかったインタラクションのうち、「読み込み中」の UI の基本パターンについて取り上げようとおもいます。 はじめに：なぜ読み込み中の UI を考えなくてはいけないのか Holiday iOS アプリでは、基本的にデータはクライアント側で持たずサーバと通信して表示するデータを受け取っており、
UI/UX デザイナーを雇わない方がいい理由 ｜ブログ｜root｜芯を問い、成長に貢献する
UsabilityHour.com の創設者である、クレイグ・モリソ氏によるゲストポストをお届けします。 UXデザイナーとUIデザイナーは完全に違う役割を果たすから、一人の人間に両方の仕事を任すべきじゃない。 ふー、ついに言ってしまいました！ みなさん言いたいことはあるかと思いますが、その怒りをぶつける前に、まず説明させてください。 この2年間、私は二つのスタートアップでリード UX/UIデザイナーとして働いてきました。 また、どちらのポジションにいるときも多くのインタビューを受けしました。 次第に、どういう現象が起きているのかがようやくはっきりと見えてきました。 世間、特にスタートアップの創設者は、ユーザーエクスペリエンス・デザインが、本質的に何なのかを理解していないのです。もちろん、重要だということは把握していますが。使いやすいインターフェイスを持つというのは、デジタルプロダクトを売り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選
