Introducing Mercury OS
Nine months ago, I set out to invent a new way of interfacing with our devices, armed with only a single metaphor: Mercury. Mercury, the elemental manifestation of fluid chrome. Mercury, the Roman deity bridging the boundary between two worlds. Mercury, the nearest planet to the sun. Although these versions of Mercury had little to do with interaction design, they perfectly summarized how I wanted
ユーザーストーリーマッピングをやってみました
こんにちは、エンジニアの二川です（@futabooo）。 最近はチーム開発にScrumを導入したのでスクラムマスターとしても働いています。 Scrum導入の経緯などについてはエウレカで開発チームをイチからチーム・ビルディングしてみた話 その1に詳しいのでぜひそちらも読んでみてください。 今回は私がスクラムマスターをつとめているチームでユーザーストーリーマッピングをやってみた話をご紹介します。 ユーザーストーリーマッピングとはユーザーストーリーマッピングとはJeff Patton氏(@jeffpatton)が開発した、下記を同時に見える化する手法です。 製品の設計ユーザーワークフローリリース計画実際にユーザーストーリーマッピングをやってみる今回はオンラインデーティングサービスを使うユーザーとして考えていきました。 実際にチームで作業していた時の風景がこちらです。 一番上の黄色い部分は左から時
【2018年版】アプリUXデザインのトレンド12選
モバイルアプリ領域の動きは非常に早く、UXデザインにおいて成功するためには、デザイナーは先見の明を持ち、新たな課題に備えなければなりません。 ここでは皆さんのタスクを軽減するために、2018年において影響力がもっとも大きいであろうトレンドをリストアップしました。 １. ユーザージャーニーの簡略化 アプリやWebサイトを使用する場合、ユーザーには特定の目的があります。その目的を達成するために費やす労力が少ないほど、より良い体験となるのです。 リニアユーザフロー リニアデザイン体験とは、ユーザーが各ステップを１つのアクションで完了できるようにするための開始・途中・終了があるUXのことです。タスクを完了するために必要な時間を見積もることができるため、リニアユーザーフローはユーザーのためになります。
シンプルなWebデザインを実現するための複雑な道のり
Stephen Moyersはオンラインマーケティング担当者、デザイナー、テクノロジーに精通したブロガーです。 彼はロサンゼルスに拠点を置くSPINX Digital Agencyと提携しています。 シンプルで素敵なWebデザインの体験は、シームレスです。ユーザーは自信を持って快適に１つのコンテンツから次のコンテンツに簡単に移動することができます。Webデザインにおいてシンプルで完全なユーザー体験を実現することは、デザイナーや開発者が直面するもっとも困難な課題の１つです。 ここ数年の間にモノやアイデア、コンテンツが過剰に溢れたことで、世の中のトレンドはシンプルな方へとシフトしてきています。法律の専門用語は素人向けの言葉に言い換えられ、作家は飾り立てた表現よりも簡潔なコンセプトを提供するように努め、住宅所有者は牧場のように広い家を下取りに出して小さく効率的な家を手に入れています。料理人さえも
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
なぜ急成長しているスタートアップではUI/UXが優れたサービスを作れるのか？｜～高垣のりこ～自分100年戦略ノート
本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
【加筆あり】 マツモトキヨシのロゴデザイナーが言った『UXの本質』と、IT業界の根本的なズレが致命的になるについて｜チカイケ秀夫@CBO(最高ブランディング責任者)
【加筆あり】 マツモトキヨシのロゴデザイナーが言った『UXの本質』と、IT業界の根本的なズレが致命的になるについて 今も「UI/UX」の議論が増えていますが、日本人が好きな表面的な手法論から、そもそもの深い部分の議論になっているのは、すごい良いと思っています。 特にIT業界が「UI/UX」が盛んに見えますが、そもそもの議論が「アプリ」「WEB」に限定されており、狭義の議論になっているので、本質的な話をしないとこの問題は解決できないと思っています。 私自身も以前はカスタマージャーニーなどもやっておりましたが、マツモトキヨシのロゴデザインをしたデザイナーの小谷中さんと、地元千葉で縁があり一緒に仕事をさせていただいた時に、施設のパンフレットデザインを見せた際に言われた、『パンフレットが置かれる現場に行ったみた？』 が今でも忘れられない一言であり、UXの本質的な言葉だと思っています。 デザイナーの
UI / UX 学びまとめ
夏、満喫してますか？ 夜は何してる？ フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。
i.schoolのFuture of Japan InnovationにZibaの濱口さんの話を聞きに行って来ました ノート dotgraphy
2月1日にi.schoolのFuture of Japan Innovation－2014年冬のシンポジウム 2014.2.1.にアメリカのイノベーションファームZibaの濱口秀司さんの話を聞きに行って来ました。濱口さんの事をはじめて知ったのは、たしかこのブログだったと思うのですが、興味を引かれたのが、イノベーションについてやり方があると断言しているところでした。WORKSIGHTの講演のビデオが分かりやすいと思います。 講演の冒頭で、今回新しい内容が少ないということを言われていて、今年からご自身の会社を立ち上げていろいろ取り組んでいるため、来年にはいろいろと新しい内容が話せそうと言われていました。ブレーンの3月号によると、「monogoto」という会社のようでした。楽しみです。 濱口さんは研究者ではなくてプレイヤーなので、どの話も説得力があって引き込まれました。その中でもぐっと来たのは「
UXデザインを取り巻く7つの変化 デザイン会社 ビートラックス: ブログ
先日リリースした「UXデザイントレンドまとめ」では、UXデザインがどのように変革してきたかを紹介した。それを踏まえそのトレンドがより加速すると考えられる。 その大きな理由としては、ビジネスにおけるデザインの重要性の拡大、テクノロジー面との融合、そしてついにデザインの現場にAIの活用が実現し始めることが挙げられる。 では、具体的にどのような変化が訪れるか、7つのポイントで紹介する。 1. “UXデザイン”の概念が再定義されるユーザー体験 (UX) を設計 (Design) することを、UX Designと表現される。主にユーザーに商品やサービスを購入してもらい、使ってもらい、使い続けてもらうことを目的により良い体験をデザインすることがゴールとなるが、ユーザーへのタッチポイントの増加やモノよりもコトへのフォーカスのシフトにより、この”体験”と”デザイン”の幅がここ数年で格段に広がってきている。
ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基本中の基本にユーザー体験を設計する上でもっとも基本となるのが「使いやすさ」。心地よい体験を提供するには、まずは基本的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達
ついにWindowsへ導入が始まった「Fluent Design System」5つの基本要素
10月17日に配信が始まった「Windows 10 Fall Creators Update」に導入された、マイクロソフトの新しいデザイン言語「Fluent Design System（フルーエントデザインシステム）」。コンセプトと実装へ反映する方法を解説します。 独自のデザイン言語やGoogleのMaterial Design（マテリアルデザイン）など既存の言語を実装して、統一のとれた堅牢なユーザーエクスペリエンスを提供しているリーディングカンパニーが増えてきました。デザイン言語を、直感的・魅力的で見栄えの一貫したアプリやWebサイトを作成できる「確立されたガイドライン」と考えてください。 最近マイクロソフト社は、Windows 10ベースのデバイスにおける広範な使用（つまりユニバーサルWindowsプラットホーム（UWP）アプリ対応）を目的としたFluent Design System
大学生が聞く：若手のUXデザイナーってどんな仕事をするの？
この記事は、株式会社リクルートホールディングスの提供による連載記事の３話目です。 ・・・ UX MILK編集部でインターンをしている大学３年生の廣瀬です。 これまでの２回では、「UXデザインとは何か」という初歩的な質問から、実際に行っているUXデザインまで伺ってきました。今回はより私たちに近い、入社３年目の若手UXデザイナーの方に、UXデザイナーとしてのキャリアや、この職業に対する想いを伺います。 水上 寛之 株式会社リクルートテクノロジーズ 2015年株式会社リクルートホールディングスにUXデザイナーとして入社し、リクナビ含む3サービスのUI設計・ディレクションに従事し、大規模サービスのデザインリニューアルを経験。 現在はカーセンサーにて、ブランディングを担当するグループに所属しUXの中長期戦略設計・実現に向けて動いている。 多趣味な自分の経験をすべて活かせる仕事がしたかった ― 初めに
『クラシル』大ヒットの秘密は、検索UXの改善にあった！dely奥原拓也が明かす一大プロジェクトの裏側 | キャリアハック（CAREER HACK）
世界最大*レシピ動画サイト「クラシル」大ヒット、成功の鍵は「検索UXの改善」にあった！ 当初よりずっと開発を支えてきたエンジニア、奥原拓也さんが語る一大プロジェクトのウラ側に迫る！ ( * )2017年8月23日時点 Appliv調べ 料理レシピ動画掲載アプリ内レシピ動画数 クラシル大ヒット、最大の要因は「検索」にあった 2017年5月に月間動画再生回数、1億7000万回を突破。 さらに同年８月にレシピ動画数で世界最大となったレシピ動画アプリ「クラシル」。今、もっとも人気のある動画レシピサービスといって過言ではないだろう。同サービスを開発し、運営しているのが大型の資金調達でも話題となった「dely」だ。 「クラシル」のアプリダウンロード数が飛躍的に伸びた時期と、TVCMを実施した時期は重なっている。しかし、ヒットの理由はそれだけではない。そう語ってくれたのが、今回取材したdelyのエンジニ
アドビがInVisionを買収せずに、競合となるUXプロトタイピングツールを作った狙いとは
アドビ システムズ（以下、アドビ）は2016年3月14日（米国時間）、プロトタイピングツール「Adobe Experience Design CC」（以下、XD）のプレビュー版をリリースした。同ツールは、2015年の「Adobe MAX」（以下、MAX）において「Project Comet」の名称で発表されていたもの。現在は、Mac（OS X）のみに対応しているが、今後Windows 10版もリリース予定という。 ユーザーエクスペリエンス（UX）のプロトタイピングツールとしては、既に複数のツールが市場に存在し、現場で利用しているユーザーも多い。そうした状況の中、同社が「Adobe XD」を提供する目的は何か。また、正式リリースに向けて、どのような機能強化が予定されているのか。 来日したアドビのUXデザイン製品管理担当ディレクターであるAndrew Shorten氏と、Adobe XDリード
「Yahoo!不動産」と「SUUMO」のUI/UXを比較調査！ユーザテストExpress体験記～第4回 | ポップインサイト公式ブログ
【作成】2016/12/06 【更新】2017/02/28 こんにちは！！ ポップインサイトのひよっこWebマーケター田中比那子です☆（ゝω・）v 寒い日々が続きますが、本日も第3回に引き続き、 元気モリモリ！！ユーザテストExpress体験レポをお届けします！！ 今回のお題～Yahoo!不動産 今回は、お部屋探しの強い味方・”Yahoo!不動産” に改善のご提案をさせていただくという体で調査をしていきます。 なんと！初のカスタムタスク（モニタへの質問をカスタマイズできる機能）に挑戦です・・・！！ ドキドキします・・・(((o(*ﾟ▽ﾟ*)o))) 調査の作成 まずは新しい調査を作成ボタンから、調査を作成します！ 1、今回はPCサイトを選択し、URLを入力 2、モニタの選定条件は、”不動産”を”インターネットで探した”ことがある人にします！ ガーンΣ(ﾟдﾟlll) 探した”した”ことがあ
Why I HATE your FAKE redesign!
I’m tired of seeing new and frankly stupid redesigns of Facebook, Skype, and Twitter pop up on my newsfeed. Why not make something useful? Stop supporting these redesigns with likes, re-posts, and articles at Muzli, Medium, Designer News, etc. You’re aiding and abetting this brainless work. These designers may start to think that they are true professionals, and that they know more about how popul
誤ったUXが引き起こした５つの致命的な失敗
CareerFoundry卒のCaroline氏は、ニュージーランドのオークランドにあるソフトウェアソリューションエキスパートDatacomのUXアナリストです。彼女は、UX、問題解決、そして人々について読んだり書いたりすることが大好きで、暇な時間にはボードゲームをしたり、彼女が住んでいる美しい国を探索して楽しんでいます。 私の友人は鉄骨建築のエンジニアで、彼の会社はロンドンのシンボルであるガーキンのような巨大なビルの建築に関わっています。もし彼が正確に設計せず、何かが数ミリでもずれてしまったら、建物はバランスを崩して甚大な被害をもたらすでしょう。ではUXデザイナーにかかるプレッシャーは少ないのでしょうか。 以前は私も間違いなくそう思っていました。私が人事担当のソフトウェアを設計していたころ、友人とそれぞれのキャリアについて議論したものですが、当時は私の誤った判断がどのようにして大きな影響
デザインの名著に学ぶUIデザインに関する10のルール
Ben Shneiderman氏の『Designing the User Interface』とJakob Nielsen氏の『Ten Usability Heuristics』の著書に基づく、インタラクションデザインに関する10個の原則というものがあります。 この原則は、「ヒューリスティック」と呼ばれるもので、経験則による広範なルールであり、特定のユーザビリティに関するガイドラインではありません。 １．一貫性を重視する 同じことを意味する複数の名称や状態があることは、ユーザーにとって好ましくありません。ユーザーの混乱を招かないように、用語と動作を一致させるようにしましょう。相手の驚きを最小限にする「驚き最小の原則（The Principle of Least Surprise）」に留意することが大事です。 アプリ内のすべての要素に一貫性を持たせるようにしましょう。たとえば、同じスタイルの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
