「PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです！ そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください！ サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみてみてください。 ※本記事は2014年7月8
レスポンシブデザインとアダプティブデザインの違いに目を向けると、それはデザイナーにとって実に重要な選択肢があることに気付きます。インサイトを踏まえてこれらの選択をすることで、より目的に沿ったデザインを考えることができるでしょう。 モバイルデバイスの普及と多様化に伴い、デザイナーはさまざまな画面サイズに対応する必要が生まれました。これは現在、すべてのWebとアプリのデザイナーが直面している課題です。企業向けの巨大なモニターからスマートウォッチまで、ユーザーがオンラインで情報にアクセスする方法は数え切れないほどあります。 そのようなデバイス間の差を埋めようとするデザイナーには、２つのデザインの選択肢があります。アダプティブなサイトか、レスポンシブなサイトです。 レスポンシブデザインとアダプティブデザインの違いについて混同している人が、一定数見受けられます。どちらのデザインも経験していない人にと
Amazon Echo上陸でデザイナーに求められる新技術「VUIデザイン」とは？ | AMP[アンプ] - ビジネスインスピレーションメディア
ついに、「Amazon Echo」が日本に上陸したーー。 “Amazon Echo”が先行して普及した英語圏では、すでに多くのアプリケーション「Alexa Skill」が開発され、生活のさまざまなシーンで広く使われている。利用可能なアプリは2017年9月時点で2万2000を超えたと報じられており、同年2月には1万だったことを考えると、半年ほどで「倍増」したことになる。 アマゾンウェブサイトで提供されているさまざまな「Alexa Skill」 日本でも、さっそく”Amazon Echo”を購入し、アプリを開発したいと考える人は多いのではないだろうか。そこで今回は、手ではなく「声」で操作するアプリの開発に欠かせない新しい技術「VUIデザイン」、そして実際にデザインするための「5つのステップ」を紹介したい。 紹介してもらうのは、オランダ拠点のエンジニア、伊東知治氏。すでに一年以上前からAlexa
「エクスペリエンスデザイン」は、言葉通りにとらえると「（ユーザーの）体験をデザインする」ことですが、モヤモヤと抽象的でイメージが難しいものです。 「モノ」から「コト」の消費へと時代が移るなか、顧客体験を中心に置いてサービスやプロダクトを考えるエクスペリエンスデザインがウェブサイト、アプリ設計などでも注目されています。 なぜいま、企業はエクスペリエンスデザインに力を入れようとしているのか。エクスペリエンスデザインで課題を解決するための考え方について、電通エクスペリエンスデザイン部の岡田憲明氏に聞きました。 エクスペリエンスデザインというと、一般的にユーザーが直接触れたり、体験したりするフロントのエクスペリエンスを考えがちですが、それだけではありません。我々は図1のように、社内に対する「スタッフエクスペリエンス」と顧客に対する「フロントエクスペリエンス」に大きく分けて考えています。 たとえば、
紙面又はオンライン出版でのデザイン、編集、ライティングを含むメディア業界で10年以上の経験があります。スポーツが大好きでフットボールやバスケットボール旅行の計画に時間を費やしたり、統計データにも夢中です。 この記事はDropboxやGmailなどの実例を参考にしつつ、自然でさりげないUXを生み出すための実践的なガイドです。 ここ数年で最も成功しているインタラクションデザインの分析をしたとき、Gmailの自動保存機能やUberのクレジットカード入力フォームのような、基本的な機能を完璧に作り込む会社に軍配が上がります。彼らは人間の自然な行動を巧みに取り入れ、私たちが今まで気づかなかった障壁をひそかに取り除いているのです。 インビジブルデザイン（インビジブル＝透明な）とは、ミニマリズムのことについて言っているわけではありません。ミニマリストのインターフェイスはインビジブルデザインを実現するための
余白を上手に使うことが出来れば、ユーザーの視点を上手に導く事で，伝えたいメッセージを最も効果的に表現することができる。 そして、上手な余白の活用は、レイアウトやUIなどの”見た目”だけではなく、使いやすさやユーザー体験 (UX) の面においても大きな効果を発揮する。 【わかりやすく解説】UXデザインの基本と主要概念 余白に関する基礎知識一言に”余白”といっても、デザイン業界では実際に4つの異なる種類と呼び方がある。1つめは、画像や写真、アイコンの周りの余白で”ビジュアルホワイトスペース“と呼ばれる。 次にマージンやパディング、段組み間の余白、ノド余白などのレイアウトに関する余白で”レイアウトホワイトスペース”。 文字や行間に関するスペースを”テキストホワイトスペース”。そして、文字ブロックごとの余白を”コンテンツホワイトスペース“と呼ぶ。 余白がユーザー体験 (UX) にとって効果的な4つ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/ Read less
2. メンバー紹介 鈴木 健一鈴木 智大 イマジカデジタルスケープ、IADI、FICC inc. にてデザイン／ディレクション業務に 従事した後、2014 年にアプリやサービスのUI デザインを専門に行うSTANDARD inc. を設立。マーケティングエージェンシーで培ったノウハウを基に、ユーザーの 課題解決とビジネスゴール達成を両立するUI デザインを提供する。 元ケーキ職人。 CEO,Designer Designer DTP 制作会社、某新聞社を経て株式会社ナナメウエにてデザイナーとして数々の アプリUI デザインを手がける。2014 年2 月からSTANDARD へ参画。ユーザー の目的を最短で達成し、満足度を高めるためのユーザー体験やUI 設計、情報を 正確に伝えるためのビジュアルデザインを提供する。 元ブレイクダンサー。 3. メンバー紹介 吉竹 遼Designer 2011
研究開発中のジャーニーマップを簡単に作成する「UX Recipe」のベータ版受付のページを公開しました! まずは皆さんに使っていただきご意見をいただきたいと思います。ぜひご登録をお願いします。 UX Recipe – User Experience Journey Mapping Tool.https://uxrecipeapp.com/ ジャーニーマップを作成する過程にはさまざまな課題があり、現在専用のオンラインツールも少ない状況です。専用ツールは高価なものが多く余計に敷居を高くしてしまった感があります。もっと気軽に簡単でいいのではないか、そういう思いでこのツールを企画しました。 また、日ごろ提案書や企画書であまり時間がかけられない中で作成しているカスタマージャーニーマップやシナリオはいつも一から作りなおしています。フォーマットもバラバラです。行動パターンの知識やジャーニーマップにおける
Private content!This content has been marked as private by the uploader.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
