(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜

Web マーケター。 ソフトウェアのテクニカルサポートからキャリアチェンジし、Web/アプリ業界へ。株式会社ファンコミュニケーションズを退職後フリーランスとなる。独立した理由は髪の毛を伸ばしたかったから。 Webやアプリ等のデジタルなサービスに触れていると、UXと言えばUIを前提としたものと考えがちです。 今回は、ECサイトを例にとり、UI変更を伴わないUX改善について触れてみたいと思います。 2015年9月9日、Amazonジャパンが携帯電話番号があればメールアドレスなしでもアカウント作成できるよう仕様変更を行いました。これはあまり大々的にニュースに取り上げられていませんが、実際にはEC業界にとって大きな意味を持ちます。また、UXの観点からも、UI変更を伴わないながら大きな意義があると思えます。 メアドを持たない若者たち ECの歴史が始まってより長く、メールアドレスをベースとしたユーザー

本を読んだだけだと正直「ふーん、”メンタルモデルダイアグラム” という手法があるのかー」という漠然とした理解しかできていなかったのですが、Schooの以下の授業を見て、一気に「これは使えそう！」と思うようになりました。 [browser-shot url=”http://schoo.jp/class/584″ width=”250″] この授業では、ユーザーインタビューを行ってメンタルモデルを形成した後、「ギャップ分析」という手法を用いてWebサイトの改善する方法が紹介されました。 スライドは以下です。 今回は羽山氏の授業内容を再現する形で、「メンタルモデルダイアグラム」と「ギャップ分析」について簡単にまとめておきます。書籍『メンタルモデル』の予習として参考になれば幸いです。 ※2014年4月14日現在、日本語で「メンタルモデルダイアグラム」と検索しても、やり方を紹介したサイトが（この記事

フラットデザインをよく知る筆者が、グリッド、タイポグラフィ、予測の3つの観点からMS提供の「Windows 8.1ユーザー エクスペリエンスガイドライン」を読み解いていく。 フラットデザインの難しさ 筆者は以前、記事「5分で分かるフラットデザイン」で、フラットデザインとは何かを紹介しました。その中でも触れていますが、フラットデザインとは、Webページやアプリケーションのデザインパーツの影の装飾を極力減らしてフラットに見せる手法です。 スマートフォンの世界でもフラットデザインが広がり、iOSやAndroidもフラットデザインです。Windowsも8からフラットデザインを採用しています。 フラットデザインで難しいといわれる点は、フラットデザインが非常に単純・明快であるが故に、今まで凹凸を利用してユーザーに伝えていたことが伝えられないことです。 例えば、ボタンなどは立体的することで「ボタンだ」と

car-ux.com car-ux has been hand-collecting car interface designs since 2012, curated by designer Minseung. Each manufacturer retains the copyright for their images.

【本記事とセットで読みたい「UXを高めるTinder風UIで今後が期待される「非」出会い系アプリ10選」を公開しました!】 edited by Ryutaro Mori Follow us on Twitter Follow us on Facebook Tinder 出会い系アプリに革命をもたらしたと言っても過言ではない超人気アプリです。 Tinderの魅力は何と言ってもそのUI。 次々に現れる異性の写真をスワイプしながらハートかバツ印で判定していくシンプルなUIは、今までプロフィール＋顔写真の組み合わせが主流だった出会い系サービス内における異性の判定基準を顔写真(＋位置情報)のみに限定し、「余計な情報」を省くことで出会い系に新感覚のカジュアルさをもたらしました。 (Tinderの基本画像の下にはハートとバツ印が設置してあります。) (相手に好意があるときは、ハートに向けてスワイプします

OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…

※2014/03/17追記：巻末にオマケを追加 先日、Twitterで漫画のイマジナリーラインについて話題になった。 【イマジナリーライン】を超えたマンガは最悪なのか http://togetter.com/li/641095 その中で、自分もドラゴンボールのワンシーンを画像としてTwitterに投稿し、その画像を起点に色々な議論が交わされていくのを非常に興味深く読んだ。そこで思い出したんだけど、自分もドラゴンボールの左と右に関する記事を書いてる途中だった。 というわけで、話題がホットなうちに公開しようと思い急遽書き上げたのでお読みください。（書くこと多すぎて旬を過ぎた感は否めないけど、イマジナリーラインとは直接関係ない話だし、ね！） キャラ位置が頻繁に入れ替わるのに読みやすい まずはこの画像を見ていただきたい。自分がTwitterに投稿して議論になったドラゴンボールのワンシーン。 2コマ

「デザインが分からない」 時折、エンジニアからこうしたセリフを聞くことがある。 たいてい、このセリフが意味するのは「自分には絵心やセンスがないから」という単純な理由なのだが、本当に絵心やセンスがないとデザインは理解できないものなのだろうか？ この連載では、デザインの本質的なロジックやデザイナーの思考法を、毎回著名サービスにかかわるデザイナーに語ってもらう。 連載2回目となる今回は、クラウド会計アプリ『freee』のUXディレクター、関口聡介氏だ。 freee株式会社　UXディレクター 関口聡介氏 1974年生まれ。25歳で映像制作とWeb UXのコンサルティング会社を設立。サン・マイクロシステムズと契約しWebマーケティングを担当。その後Googleに正式入社し、検索トップページ（日本版）のリニューアルやdocomo向けGoogle iウィジェット、初期のGoogle日本語入力のUX担当。