JR東日本は1月16日、都市型MaaSアプリ「Ringo Pass」を、同日より一般公開すると発表した。 Ringo Passは、タクシーやシェアサイクルなど、さまざまなモビリティサービスの利用手続きができるアプリ。SuicaのID番号とクレジットカード情報を登録することで、複数の交通手段が利用可能となる。 アプリの公開時点では、タクシーのサービスに対応。アプリの地図上で空車タクシーの走行位置が確認できるほか、みんなのタクシーとの事業提携に基づき、車内のQRコードを読み取ることで、目的地到着前に決済予約が可能。到着時の運賃支払いが不要となる。 2020年春には、NTTドコモのシェアサイクルサービス「ドコモ・バイクシェア」と提携したサービスの開始を予定する。アプリ上でシェアサイクルポートの位置や、利用可能な台数が確認可能。また、Ringo Passに登録したSuicaをシェアサイクルのリーダ

企業Webサイトのトップページを訪問者ごとにパーソナライズするのは、どうなのだろうか。Optimizelyのサイトでトップページをパーソナライズした事例から、その考え方やセグメントの分け方、クリエイティブ、そして成果を紹介する。 1998年、ジェフ・ベゾス氏はインターネットについてあるビジョンを抱いていた。同氏がアマゾンを設立してから4年が経った頃で、アマゾンは書籍や音楽の巨大オンライン市場として軌道に乗りつつあった。 その年に行われたワシントン・ポストとのインタビューで、ベゾス氏はウェブについて先見性のあるコメントをしている。同氏は次のように述べていた。 顧客が450万人いるなら、店舗が1つではだめだ。450万の店舗が必要だ。 それから19年たった2017年の今、私がアマゾンのトップページを訪問すると、その内容はかなりパーソナライズされている（2016年8月には、蛍光色に光るライトスティ

多くは語るまい。まずは、皆さんに違和感を味わっていただこう。 下の写真をご覧あれ。 ⬇ いかがだろう。 こう思ったのではないだろうか。 写真デカッッ……！ と。 数多（あまた）あるWebメディアが日々、数多の記事をアップし続けているが、反面、見かけることが少なくなっているものがある。 それは、縦写真だ。 上の写真をご覧になって、「なんか写真デカいな」と感じてしまうのは、縦写真がWeb上の記事において見慣れないから、ではないだろうか。 Web上に無数に存在する“記事”において、縦の写真が使用されることは少ない。例えば今をときめくヨッピー氏が手がけたこちらの記事を見てみると…… 34枚もの写真（丸抜きの人物写真は除く）が使用されているが、そのうち、縦の写真はゼロである。 これはごくごく一部の例証にすぎないが、なぜ縦の写真はWebメディア上でかくも存在感を後退させたのか。本稿ではその背景を考察し

こんにちは！　象好きのかたわら、都内でパソコン教室を運営し、ユーザーさんと提供者さんのギャップをじわじわと埋めるお仕事をしている、アジアゾウ好きのモリマミコと申します。 先日、「ユーザー画像」と入力したら「ユーザーが象」と変換され、象分が増分して嬉しくなってしまいました。ユーザーがぞうさんだったらどんなに嬉しいことでしょうか。考えるだけでワクワクするゾウ。 ところで、みなさんはどんなものに“興味がない”ですか？ 私はこんなにゾウは好きなのに、キリンにはまったく興味がないことがわかりました。知人と飲んでいるときにキリンの話になってもワクワクしない。まして、キリンにも種類があることも知らなかったし、そんなこと覚えようとも思わないのです。キリンは酒類だけで十分。 さらには、オシャレにも興味がありません（たぶん、いつかの春一番で遠くに飛んでいったのだと思っています）。オシャレよりもダジャレが好きで

Adrianは現在Googleでデザインをしているスイスのチューリッヒ出身のフリーランスUXデザイナー。Twitter：@azumbrunnen_。 私は数ヶ月前から自分のWebサイトをチャットボット化する実験を行いました。このひとときの間に多くのご意見を頂き、マスコミがニュースで紹介してくれたりもしました。公開24時間の間に300通あまりのメールも頂きました。たくさんの方々が私のWebサイトと会話してくれたようで、まずは本当にありがとうございます。 何人かの方が今回の施策に関してのインサイトに興味を持ってくれたので、その辺を少しお話していきたいと思います。今回はそもそも対話型、ということで少し語りかける風にいきたいと思います。 それでは、まいりましょう！ botなどの対話型トレンドに対する憂鬱 私の母は毎日お決まりのように「失敗を恐れていては何も始まらず、失敗を多く経験することで大きな武

こんにちは。クックパッド ダイエットのデザイナーの新妻です。 クックパッド ダイエットでは、「正しく食べてやせる」をコンセプトに銀座と代々木にある店舗でのダイエット指導と、ダイエット情報を毎日配信するメディアサイトの運営を管理栄養士と一緒に行っており、私はデザインやコーディングを担当しています。 今回は新規コンテンツを作る中で、ユーザーの声をどのようにデザインに反映していくかというお話をさせていただきます。 どんな気持ちでダイエットラボを利用している？ クックパッド ダイエットは、ユーザーの約85%が女性で、年齢でいうとメディアの方は20代〜40代と幅広く、店舗の方は40代の方を中心にご利用いただいています。 サイトや店舗ユーザーの目的の多くは“ダイエット”ですが、店舗にいる管理栄養士を通して「歳を重ねるごとに痩せにくくなって困っている」「体調が良くないので改善したい」という、より具体的な

ふとFacebookに流れてきたSpotwrightさんの動画。 普段積極的に動画を見る方ではないけれど、何となく見てしまったので、何でかな？と思ったら、「電車の中にいるからだ」と思った。これは何かというと、電車でつり革に掴まっていると、当然片手しか使えない。揺れる電車の中、片手でいろいろ操作するのは正直だるい。 アプリなどでスクロールしたり、スワイプするよりも、こうした動画形式の方が文章が読みやすいことに気付いた。 上記のようにブログに貼り付けてしまうと再生ボタンを押さなければいけないけれど、タイムラインで流れてくるとシームレスにその場で再生がはじまるので、Facebook立ち上げのタップと、わずかなスクロールだけでコンテンツに触れたことになる。 動画メディアやコンテンツで分かりやすいのは、料理やメイクだと思うけれど、こうしたビジュアル的な利点だけでなく、静止画像や文章であっても動画形式

X, formerly known as Twitter, is introducing two new tiers for its subscription offering in order to bring in additional revenue. The social media giant is adding a new Premium+ tier that costs $16 pe Welcome to Startups Weekly. Sign up here to get it in your inbox every Friday. For my column this week, I told the story of how an ex-colleague was impersonated by an AI-powered spambot and almost tr

Choose your favorite colors and get your Material Design palette generated and downloadable.

Private content!This content has been marked as private by the uploader.

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

「UI/UX」はもはやWEBデザインやアプリ開発において、無くてはならない存在となっています。実際にWEBサービスやアプリに触れて確認することも大事ですが、資料でまとめて勉強するのもありですよね！ そこで今回は、日本中の「UI/UX」に関する資料を気合いで全部集めてみました！（たぶん） それでは、早速みていきましょう！ UIデザインとUXの超基礎「UI Design & UX for ENGINEER」

『UXなまトーク』は、UXの現場のなまの声をトークするというイベントです。各社どうのようにUXのプロセスを導入しているのか、ノウハウや失敗談など交えたトークと、登壇者によるパネルディスカッションをいたしました。 グリー株式会社の村越 悟さん、株式会社DMM.comラボの井上 誠さん、Goodpatch Inc. の藤井 幹大さん と私でトークをさせていただきました。弊社の織田 晃弘が司会として、登壇者の方々とより突っ込んだディスカッションが行われました。

クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア

カスタマーエクスペリエンス（CX）を意識すること――それこそが、企業が顧客に製品やサービスを提供する際に求められているものだ。では、「カスタマーエクスペリエンス」とは何か、どうすればいいのか。この特集では、その基本概念と実践方法の解説、事例の紹介をとおして理解を深めていく。 今回は、カスタマーエクスペリエンスの考え方や言葉が生まれた背景、Web担当者との関係について解説する。 さて、どこにしよう？ 楽天トラベルや一休.comといった旅行サイトで情報を集め、Googleマップを使って場所や交通手段を確認する。候補となる旅館を絞り込み、それぞれのWebサイトをブックマークしたら、家族に相談する。 東京からのアクセスの良さ、アクティビティの選択肢の多さから、無難に箱根に決定。 次は旅館の予約だ。 良さそうな旅館のプランを探して予約をしなくちゃいけない。3つの旅館に候補を絞り込み、空いている部屋の