完璧なテキストフィールドのための14のルール
アプリやウェブアプリケーションは、ユーザーからの入力がなければ何も変化しません。プロダクトデザイナー、開発者、そしてプロダクトマネージャーがそれを理解することはとても重要です。 テキストフィールドは、ユーザーが短いテキストを入力するための基本パーツです。どのようなアプリでも、個人情報の入力を求める小さなテキストフィールドを必ず目にします。 この記事では、テキストフィールドを中心にデータ入力を改善……
アプリやウェブアプリケーションは、ユーザーからの入力がなければ何も変化しません。プロダクトデザイナー、開発者、そしてプロダクトマネージャーがそれを理解することはとても重要です。 テキストフィールドは、ユーザーが短いテキストを入力するための基本パーツです。どのようなアプリでも、個人情報の入力を求める小さなテキストフィールドを必ず目にします。 この記事では、テキストフィールドを中心にデータ入力を改善……
入力フォーム(エントリーフォーム)の離脱率の高さにお悩みではないですか?
本記事では、入力フォームを改善するポイントを解説します。
ユーザが離脱しやすいポイントと、実際のECサイトでコンバージョン率(CVR)改善に効果があった施策をご紹介します。貴社の入力フォーム最適化(EFO)の取り組みの参考にしてください。
UXデザイナーになるということは、ある種の宗教に入信するようなものです。 UXデザイナーの仕事の一つは、他者にあなたの信念を受け入れさせることです。まるで聖職者の鑑のように、UXデザイナーは他者がUXの担い手になることを望みます。 ユーザー体験のような抽象的な概念について理解を得るには説明が必要です。そして、共有したい信念について共通の経験がない限り説明は失敗するでしょう。 「ユーザー体験が何であ……
2016年は多くの主要ブランドがビジュアルアイデンティティを刷新しました。そこで、2016年前半における最も注目すべき、また議論余地のあるリブランドを集めました。 ギネスビール リブランドについて 刷新されたビジュアルアイデンティティでは、アイコニックなGuinness社のハープにディテールが加えられ、以前のミニマルデザインから一新されました。 [caption id="attachment_5……
親和図法(しんわずほう、Affinity Diagram)とは、情報やアイディアを視覚的に見える形で整理する手法です。 親和図法では共通点をもとに情報をグルーピング(親和)することでパターンを明確に、製品をデザインする上での情報の階層を把握することを可能にします(バスケット解析と同様のものです)。 親和図法とは? この手法は、開発者の川喜田二郎氏にちなんで、KJ法としても知られています。川喜田氏は……
Excelで統計数値の掲載や計算結果を算出した際に、すべての数値が整数で揃わない場合があります。集計作業や資料として印刷したときに、見栄えが悪くなるデータ状態ともいえるでしょう。 数値の表記を揃える関数はいくつかありますが、指定した桁数で切り上げて数値を揃えたいときに頼りになる関数が「ROUNDUP関数」です。ここではROUNDUP関数の意味や使い方、注意点をご紹介します。 ROUNDUP関数と……
Excelで数値データを管理していると、小数部分を持つ数値を扱う場面が出てくることがあります。そのまま管理作業をすすめると、データ活用や集計の際に小数点以下の数値を煩わしく感じることになるでしょう。 数値の任意の桁を四捨五入し、表記を揃えて管理したいときに役に立つ関数が「ROUND関数」です。今回は、ROUND関数の意味や使い方、注意点をまとめてご紹介します。 ROUND関数とは ROUNDとは……
見積書や商品の販売計画の作成時に、消費税を用いた計算をすることがあります。Excelで消費税の計算をすると、答えには少数点以下までしっかりと表示されます。 このような正確性はありがたいですが、小数点以下を切り捨てたデータの管理を望んでいるユーザーも多いでしょう。 ROUNDDOWN関数は、小数点を持つ数値に対して「切り捨て」を適用する関数です。ここでは、ROUNDDOWN関数の意味や使い方、応……
<noscript>タグは、<script>要素を使用して埋め込んだスクリプトが実行できない環境のユーザーのために、代わりに表示させる内容を指定するタグです。今回は、HTML5における<noscript>タグの使い方をご紹介します。 HTML5における<noscript>タグの使い方 まず、<noscript>は、<script&g……
<object>タグは、外部コンテンツをHTMLに組み込むための要素です。今回は、HTML5における<object>タグの使い方をご紹介します。 HTML5における<object>タグの使い方 <object>タグは非常に凡庸性の高い要素で、どのような外部コンテンツでも、ほぼ<object>タグで埋め込んでしまうことが出来ます。例えば、画……