「５秒間テスト」はWebサイトのコンバージョンを増やし、サイトのROI（Return On Investment：投資利益率）を向上させるのに役立ちます。今回はこのテストを行う方法を紹介します。５秒というと短く聞こ…

元の記事

ドロップダウンメニューは、近年のJavaScriptとCSS3のおかげでずいぶんと発展してきました。しかし、すべてのドロップダウンメニューが同じように制作されているわけではなく、その機能性にはばらつきがあります。この記…

元の記事

UX MILK編集長の三瓶です。UX MILKまわりのデザインをすべて担当しています。突然ですが、僕は転職活動が苦手です。職務経歴書やポートフォリオ作ったり、自分は今まで何をやってきたか、的確に伝えなければならないわけ…

元の記事

デザイナーが担当する領域は、近年ますます幅広くなっています。そのため、常に学び続けることが必要ですが、新しいことを学ぶのに参考書で勉強するのは退屈ですし、スクールはややハードルが高いという問題があります。そこで今回おす…

元の記事

複数人でプレイできて、経営シミュレーションの仕組みを取り入れたゲームを作りたい。Stardew Valleyから交流機能を省いた、経済活動ができるゲームだ。 こう考えた私は、PHPとReactJSでゲームを開発することにしました。 しかし問題は、複数人でプレイするゲームの構成や、プレイヤーと経済の仕組みを実装する方法について何も知らなかったことです。 自分自身にReactJSを使うだけの知識がある…

元の記事

顧客体験（CX：カスタマーエクスペリエンス）は、現代のビッグビジネスです。Forresterは、顧客体験が良いと、顧客は4.5倍も多くお金を払うと主張しています。さらにForresterは、優れた顧客体験を提供する企業…

元の記事

今回からグローバルIT企業で活躍する著者に「英語で読むイノベーション最新動向」を連載していただきます。第一回目のテーマは「自動運転」です。 最新の海外のビジネスの動向は、英語の原文記事にあたるのが一番の早道。そこで、いちはやく最新動向は知りたいけど、英語の記事を読むのは、少し抵抗を感じるという読者を対象に、「英語で読む最新イノベーション動向」をお届けします。毎回、IT業界などの旬なテーマに着…

webpackを使ってアセットをバンドルすることで、HTTPリクエストの回数を削減し、ファイルサイズを縮小できます。Webサイトをもっと快適にするためのチュートリアルです。 webpackが大人気です。GitHubのスター数は30,000を超え、ReactやAngularといったJavaScript界の有名プレイヤーもwebpackを歓迎しています。 webpackの本質はバンドラーであり、web…

元の記事

Webサイトに一貫性を持たせて、管理しやすくすることは、大規模な組織が直面するもっとも大きな悩みの１つです。幸いにも、このときパターンライブラリが役に立ちます。大規模なWebサイトが直面する特有の問題に対するソリューシ…

元の記事

Vue.jsでSPAを作ったものの、検索エンジンのクローラーやSNSのOGP取得といった問題で困ったことはありませんか？ サーバーサイドレンダリングを簡単に構築できるNuxt.jsの活用方法を解説します。 ユニバーサル（Isomorphic）JavaScriptはJavaScriptコミュニティで一般的な用語になりました。ユニバーサルJavaScriptとは、クライアントとサーバーの両方で実行でき…

元の記事

UXはUIの上位概念だから、UXデザイナーを目指すべき——本当でしょうか？ UIはUXの一部だからこそ、比較したり優劣をつける議論は意味がありません。 フルスタック／ゼネラリストのプロダクトデザイナーとして、私は業界が長らく肩書きばかりに気にかけているのを見てきました。批判的な立場で、批判的なツイートばかり続けることが、誰かのためになったことがあるのでしょうか？ 「デザイナーはコードを書くべきか？…

元の記事

私たちはクライアントビジネスを、掃除機を訪問販売する営業マンのように行っています。ひどい言い方に聞こえるかもしれませんが、私たちは実際そのようにしてデザインを販売しているのです。短期的な利益に集中するあまり、クライアントに…

元の記事

優れたUXレビューは、どのようなWebサイトでも必要なものです。UXレビューを行い、デザイン全体を見直すことで、何が機能していて何が機能していないかを知ることができます。またユーザー体験を向上させるソリューションを発見でき…

元の記事

私たちUXデザイナーは、プロトタイプをよく使います。しかし、UXデザイナーにとって、クライアントや経営陣にプロトタイプが時間や経費に見合うものだと説得することはストレスです。この記事では、プロトタイプのビジネスにおける利益…

元の記事

いま、もっとも人気のあるReactですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。 多くの開発者はアプリ開発時になんらかのフレームワークを利用しているでしょう。フレームワークは複雑なアプリ構築の手間をなくし、時間を節約します。利用者が多いからか、最高のフレームワークや、フレームワークの何を学ぶべきかなどの話題があふれています。 Reactは現…

元の記事

Web制作ですっかり定番となったメディアクエリを使ったレスポンシブ Webデザイン。JavaScriptで実装している機能をメディアクエリと連携させるためのちょっとしたテクニックを紹介します。 テーブルタグがCSSに変わり、レスポンシブデザインは心躍るコンセプトの1つです。レスポンシブデザインはメディアクエリで閲覧中の機器の画面幅、高さ、向き、解像度、アスペクト比、色深度などを把握し、応じたスタイ…

元の記事

プロダクトのコンセプトはそのプロダクトにまつわる施策を決める重大な指針となります。今回は面白法人カヤックのスマートフォン向けゲームアプリ「ぼくらの甲子園！ポケット」の事例から、同社が掲げる「友情体験」がどのようにプロダクト…

元の記事

Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。Webサイトを分割し…

元の記事

あなたの周囲にUXデザイナーはいますか？それともあなたがUXデザイナーでしょうか。もしあなたが関わるUXデザインがうまくいっているのであれば、大変素晴らしいことです。しかし、そうでないのであれば、今も何か悩みを…

元の記事

CSSの調整、フォントの調査、画像の作成など、Webデザイナーの作業効率をアップさせるChromeの拡張機能を紹介します。 Webデザイナーなら自分なりの仕事のやり方があると思います。コードを書きながらブラウザー上で直接デザインしている人、ブラウザーは実装テストの時にだけ使う人、どんな人でもWebデザイナー向けのChrome拡張機能を使えば普段の作業が見違えるほど簡単になります。私は一番煩わしいと…

元の記事