この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 Keys to Designing a Great Mobile Website Experience さまざまな画面サイズのデバイスがあることから、今ではレスポンシブデザインが当たり前になっています。ユーザーがデバイスに関係なくコンテンツを利用できるように、さまざまな環境でテストをしながらWebサイトをデザインする必要があります。 ほかのあらゆるWebデザイン同様、モバイルなどの小さな画面向けのデザインに対する考え方はさまざまです。しかし考え方の違いに関係なく、Webデザインに関わる者であれば知っておくべきレスポンシブデザインの基本があります。 次にWebサイトをデザインするときは、以下の点を踏まえてモバイル用にもカスタマイズしましょう。 リーダビリティとユーザビ

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に

JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 今年も半分以上過ぎましたが、2018年はすでにWebデザインにとって特筆すべき年となっています。ここ数年におけるデザインの進化が実を結びつつあり、それはデザインシステムやタクタイルデザイン（Tactile Design）といったトレンド、レトロスタイルの復興といった楽しく精力的なスタイルから見てとれるでしょう。Webデザインで何が起きていて、将来どのようになるのかを熟慮することが、これまで以上に必要不可欠となっています。 この記事では、2018年のもっとも影響力のある６つのWebデザイントレンドを取りあげます。１つ目は、新しくデザインの必需品になりつつあるトレンドです。 １. コンポーネントベースのデザインシス

RobertはGatherContentのコンテンツストラテジストです。 また、GatherContentブログの編集長でもあり、さまざまなWebマガジンで記事を書いています。彼のTwitterはこちら。 Webサイトプロジェクトのスタート時には、ローンチを成功させるために、プロジェクトのゴールを理解し、ユーザーと顧客について学ぶ発見フェーズが必要です。さらに、発見フェーズを進めるためのキックオフミーティングも同じように重要です。 受託制作と自社サービスのどちらの場合でも、キックオフミーティングと発見フェーズにおいてチームが協力し合うことで、組織の目的を共有することができます。これらの段階は、プロジェクトを上手く協力しながら進めるために、チームを立ち上げる段階でもあります。 いつキックオフミーティングをすべきか 理想的にはキックオフミーティングは、プロジェクトへの期待を共有するために、プロ

UX MILK編集部です。皆さんはサイトにおける問い合わせフォーム、どのサービスを使っていますか？ UX MILKではGoogleフォームを活用して広告の問い合わせなどを受け付けていますが、正直その運用に課題を感じています。今回は株式会社ベーシックさんが運営しているサービス「formrun（フォームラン）」を使ってその運用を改善できないか、試してみたいと思います。 UX MILK編集部が抱えていた課題 UX MILKでは記事広告や各種イベントにご興味をお持ちいただいた方が問い合わせるための問い合わせフォームを設けています。 こちらを運用するにあたっての課題は以下の通りです。 ・問い合わせごとの進捗が追いづらい ・チーム内で問い合わせ対応状況が把握しづらい 平たく言うと、初回の問い合わせの返信は対応できても、その後の状況の可視化や整理ができていないという状況があります。 「あの問い合わせの件

アラン・スミス氏はライターで、ソーシャルメディア、ウェブデザイン、モバイル・アプリ、デジタル・マーケティング、起業家精神、ベンチャー企業などの様々な話題を最先端のデジタル世界で取り上げています。 1906年に最初のアニメーション動画が制作されたのは、ストーリーテリングにおける革新的な一歩でした。ストーリーテリングで用いられるアニメーション技術は、毎年格段に進歩しており、それは2018年も同様でしょう。Webデザイナーは古い技術ではなく、より高度な２Dや３Dのアニメーション画像を選ぶようになってきています。 2018年のアニメーション Webデベロッパーは、FlashをやめてCSSやJavaScriptでアニメーションを作成するようになりました。Flashをサイトにインストールすることは、技術的な理由から段階的に廃止されました。Flashが廃止された第１の理由は、iPhoneやiPad、iP

みなさんは仕事において、やりがいを重視しますか？　それとも年収を重視しますか？ デザイナーはお金よりもやりがいを重視する方が多い気がするのですが、今回のテーマはデザイナーのリアルな年収事情についてです。 市場価値が高いデザイナーとはどのような人なのか、クリエイター専門の転職エージェンシーであるクリーク･アンド･リバー社の渡辺さんに聞いてきました。 登場人物 渡辺 和宏 株式会社クリーク･アンド･リバー社 執行役員 クリエイター･エージェンシー･グループ　グループマネージャー プロフェッショナル･エデュケーション･センター　センター長 2002年　中途採用で株式会社クリーク･アンド･リバー社 入社 クリエイティブ(Web、モバイル、ゲーム、映像、広告)業界特化型の人材紹介事業を担当。 自社Webメディア運営、教育事業部門のグループマネージャーを兼任。 デザイナーの年収は上昇傾向 ── 今回は

PaulaはフリーのWebデザイナーです。彼女は小規模なオンラインビジネスのリブランディングなどを手掛けています。 私たちは「整理整頓」という言葉を、クローゼットや収納のような物理的なものに対して使います。しかし、デザインでも整理整頓は大事です。整理整頓をすることで、Webサイトのユーザビリティとユーザー体験を向上させることができるでしょう。 この記事では、デザインの整理整頓を行うための４つのヒントを紹介します。 １. コピーを短縮する 1997年、Nielsen Norman GroupはユーザーがWebをどのように読むのか知るための調査を実施しました。ユーザーがコンテンツをしっかりと読んでいないことはご存知でしょう。代わりに、ほとんどのユーザーはページをざっと流し読みしています。それにもかかわらず、不必要な単語ばかりのWebサイトはたくさん存在するのです。残念なことに、そこら中に雑で直

Eric Karkovack氏は20年以上の経験を持つウェブデザイナーです。ここから彼のビジネスサイトにアクセスできます。Eric氏はeBook：Your Guide to Becoming a Freelance Web Designerの著者です。 Webデザインというキャリアを選択する理由は大抵の場合、仕事自体が魅力的だから、あるいはそういった仕事が向いていたからでしょう。私の場合は、10代後半に趣味としてHTMLで遊んでいて、それが20代の現在にまで続く情熱に変わりました。 私のプロとしての最初の仕事は、高校卒業後に地元新聞のWebサイトを運営することでした。素晴らしい経験でしたが、笑ってしまうくらい薄給でした（ビールをおごってくれれば、いくらだったかお教えします）。 初めての仕事について、もっとも心に残っていることの１つは、「使われた」という気持ちです。私の仕事は、支払われた給料

Roxanne はライブチャットやビジネスプロセス自動化を専門とする英国に本拠を置くソフトウェアハウスであるParker Softwareのオンラインコンテンツマネージャです。 ログアウトの体験は、ログインする回数が増えている中で見落とされやすいものです。素晴らしいUXほど、ユーザーを送り出すことよりも招き入れることに重点が置かれているのは当然かもしれません。しかし、重視されていないということは、ユーザーのログアウト体験が疎かになっていることを意味します。 最近、アカウントを作成したときのことを考えてください。そのブランドがWebサイトやアプリの入り口から、スムーズかつ素早くユーザーを迎え入れようと苦心しているのは間違いありません。アカウントを作成してアクセスするプロセスは、とても簡単で夢中になります。しかし、ログアウトに関しても同様に言えるということは、滅多にないでしょう。 ログアウトは

モバイルアプリ領域の動きは非常に早く、UXデザインにおいて成功するためには、デザイナーは先見の明を持ち、新たな課題に備えなければなりません。 ここでは皆さんのタスクを軽減するために、2018年において影響力がもっとも大きいであろうトレンドをリストアップしました。 １. ユーザージャーニーの簡略化 アプリやWebサイトを使用する場合、ユーザーには特定の目的があります。その目的を達成するために費やす労力が少ないほど、より良い体験となるのです。 リニアユーザフロー リニアデザイン体験とは、ユーザーが各ステップを１つのアクションで完了できるようにするための開始・途中・終了があるUXのことです。タスクを完了するために必要な時間を見積もることができるため、リニアユーザーフローはユーザーのためになります。

Stephenはオンラインマーケティング担当者、デザイナー、テクノロジーに精通したブロガーです。彼はロサンゼルスに拠点を置くSPINX Digital Agencyと提携しています。 ユーザーは常にサイト内の機能とインタラクションをしています。そして、あなたが想像する以上にそのような小さなインタラクションは重要です。 小さなインタラクションは全体の体験に影響を与えます。これを利用してユーザー体験を向上させて、ユーザーが最後までインタラクションを続けてくれるようにしましょう。 マイクロインタラクションとは何か これらの小さなインタラクションには、マイクロインタラクションという適切な名前があります。マイクロインタラクションは、ユーザーがサイトとインタラクションをする際に行う基本的なタスクです。上手にデザインされているサイトは、ユーザーが操作するときにポジティブなフィードバックを与えます。ユーザ

JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob

Tracyはコンテンツの戦略家・リサーチャーです。小規模の企業や新規企業にマーケティングやソーシャルメディアについて助言を与えています。 ユーザーは大抵10〜20秒でWebページを去ります。しかし、明確な価値提案のあるページはさらに長い時間ユーザーの注意を引きつけておくことができます。 これはJakob Nielsen氏のある記事の要約です。ユーザーがWebページ上でどのように振る舞うかを解き明かした記事です。さらにその後の調査で、ページを訪問してから最初の10秒が「決定的に重要な意味を持つ」ということがわかりました。しかし、仮に10秒間ページにユーザーが滞在したとして、彼らはさらにサイトに出入りするようになるのでしょうか？ 「直感的」とは Nielsen氏の調査では、平均的なWebサイト訪問者の思考における重要な要素を明らかにしました。ユーザーはサイトに対して懐疑的な考え方を抱いて訪問す

Robは、コンテンツコラボレーションプラットフォームであるGatherContentのコンテンツ戦略担当です。 彼はコンテンツ戦略を開発、実装、測定、改良し、GatherContentブログの編集長となっています。 コンテンツの作成は、Webサイトプロジェクトの一部に過ぎず、作成のためには、計画やワークフローの決定、適切な人材の獲得、時間、お金が必要であり、さらに異なるチームステークホルダーや分野の専門家との協力が求められます。さらに、ビジネス目標とユーザーのニーズを満たすコンテンツの必要性を加味すると、要件はさらに複雑になります。コンテンツ制作がWebサイトのプロジェクトを邪魔することがよくあるのも頷けるものです。 プロジェクトのコンテンツ制作のために、必要な時間やお金、人材に対して十分な計画を立てなければ、次のような問題が発生します。 コンテンツが予定どおりに提供されない、またはまった

この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 10 JavaScript and CSS Tools to Enhance Your Forms フォームは多くのWebサイトにとって欠かせないものです。しかし私たちは、その細部にまでいつも気を配れるわけではありません。 フォームを改善する方法はたくさん存在します。バリデーションの追加や、マスクやその他のビジュアルガイドをインプットしたりすることが挙げられるでしょう。そしてこれは表面的な対処でしかありません。最終目標は、できる限り使いやすく魅力的なフォームにすることです。 この記事では、最適なフォームを作るための10の無料ツールを紹介します。 formbase formbaseは、CSS/SASSを使用してフォーム要素に改善されたデフォルト要素をもたらすパッケージ

Alan Smithは、ITの領域において幅広い経験をもつ、テクノロジーに関する熱心なブロガーです。彼は現在、ロサンゼルスに拠点を置くSPINX Digital Agencyと連携して仕事をしています。 Webデザインのスライダーやスライダーコントロールの使用について、デザイナーにとっては賛否両論です。好きな人もいれば、嫌いな人もいます。タイミングが悪いカルーセルパネルや、ギャラリーの自動スライダーは、サイトのより重要な項目からユーザーの気をそらしかねません。 一方で、手動で動かすスライダーであれば、ユーザーはWebサイトのさまざまなコンテンツの機能やオプションを素早く操作することができます。そのため、スライダーやスライダー操作を追及し、Webデザインにおいてもっとも便利な機会を突き止めましょう。 スライダーとは？ スライダーとは、Webサイトのスライドショーを表す用語です。たとえば、製品

HannahはAppseeモバイル分析のコンテンツマーケティングマネージャーです。UXとモバイルアプリに強い情熱をもち、モバイルテクノロジーについてのインサイトや情報を見つけたり共有したりすることに親しんでいます。 2018年となった現在、UXデザイナーの価値と重要性を理解していないようなモバイルアプリ企業は、世の中に存在しないと考えてほぼ間違いないでしょう。 現在のあらゆるモバイルアプリにおいて、ユーザー体験が中心となっています。UXデザイナーが直面しているのは、後方からでなく前方からリードしていくという困難な課題です。枠に捉われない考え方で可能な限りルールを変えていくために、斬新でクリエイティブであることが永遠に求められています。つまりUXデザイナーには、新たなトレンドを作ることと、現行のトレンドに従うことの２つがつねに求められるでしょう。 この記事では、すべてのUXのプロが自己改善す

UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 UX MILK編集長の三瓶です。UX MILK関連のデザイン全般手掛けているので、そろそろ「UXデザイナー」と名乗ってもいい気がしてきている今日この頃です。 さて、今回は「UXデザイナー」のキャリアにまつわる話です。「UX」という言葉や「デザイン」の定義というのは実にあいまいなものですが、そんな中、私たちはそれをどう生業としていけばよいのでしょうか？ そこでデザイナーの転職事情に詳しいクリーク･アンド･リバー社の吉田氏にインタビューをしてきました。 登場人物 クリーク･アンド･リバー社 吉田 悠平 氏 UX MILK編集長 三瓶 亮 UXデザイナーの需要は高まっている 三瓶：まず簡単