ユーザーファーストデザインのいままでとこれから
最近「モバイルファースト」という言葉を聞きますか？ これは６、７年前に流行った言葉ですが、モバイルファーストという言葉は新しく生まれ変わり、一周して再び使われるようになりました。デザイントレンドは、モバイルファーストから…
Webディレクターのイロハ
9392件Webディレクターの仕事は多岐にわたります。基本となるのは、売り上げを上げるWebサイトを構築し、プロジェクトの企画、編集、デザイン、制作などを専門部署や外部の専門職の間に立って円滑に業務を進捗させることです。Webディレクターとして必要なスキルのノウハウを集めました。
UXデザインにおけるストーリーボードの役割と活用法
UXデザインを行う際、ワークショップやインタビューなどが主流な調査方法として挙げられます。そして調査結果はユーザーストーリーやプロセスフローで表現されます。また、チームのメンバーと考えを共有したり解決策を話し合うための手…
こんなにあった！UIデザイナー向けアニメーションライブラリー最新ベスト9
Webサイトをおしゃれに、かっこよく演出するアニメーション系JavaScriptライブラリー。デザイナーにも使いやすいライブラリーをまとめました。デモを見るだけでもアイデアがひらめくかも？ Webデザインはこの10年間で大きく変わりました。2007年頃は雑誌のように静的なレイアウトが主流でしたが、2017年には数千のパーツが連動して伸縮しながら移動するデザインも可能になりました。 これから、優れた…
WebデザインにおけるF字型レイアウトの活用方法
この記事ではF字型レイアウトの基本、利点、作成方法ついてわかりやすく説明します。 F字型レイアウトとその働きについて 「F字型レイアウト」はユーザーがサイトを見るときの一般的な視線の動きをあらわします。 FはFastのF…
インタラクションデザインとは？理想的なUXのための５次元要素
インタラクションデザインは、UXデザインという大きな分野の中で非常に重要な要素です。この記事では、インタラクションデザインの基本概念と凡例、またインタラクションデザイナーが普段どのような仕事をしているのかを簡単に説明して…
なぜ優れたユーザー体験においてデフォルトが重要なのか
デフォルトとは、初めから導入されている初期値や初期設定のことです。一見大したことないように思えますが、デフォルトはユーザーの決断を左右大きな力を持っています。 この記事では、アプリでより優れたユーザー体験を生み出すために…
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しい…
ユーザーインタビューにおけるカウンセリング手法
ユーザーインタビューにおいて、ユーザーのインサイトを引き出すためには、信頼関係を築くことがもっとも大切です。 これはカウンセリングにおいても同じで、カウンセラーはさまざまな手法を用いてクライアントと信頼関係（ラポールとも…
「パンダとペンギンアップデート」の違い Googleガイドラインを理解してペナルティを回避
Googleガイドラインを理解してペナルティを回避Web担当者ならば、一度は耳にしているであろう「パンダアップデート」と「ペンギンアップデート」。Googleの検索順位への影響が大きいことは知っていてもその特徴を詳しくは…
直観的なフォームデザインのための９つのステップ
ユーザーと企業の両方にとって、フォームはWebサイト上でもっとも重要な要素の１つです。サイト訪問者が操作でき、使い勝手が良いのが最高のフォームと言えます。そのようなフォームであれば、サイト訪問者はフィードバックや購入、予…
根強い人気を誇るフラットデザインにおける３つのポイント
フラットデザインはここ数年間で驚異的な速度で注目を集め、その人気は未だ衰えを見せず、今でも進化しています。 現在のフラットデザインは、発展の末に、ユーザーの注意を引くことに主題が置かれるようになりました。今回はフラットデ…
感動の絶景！富士山を眺めながら露天風呂に入れる贅沢オシャレ宿
女子旅やカップル旅に人気の絶景露天風呂。いろんな景色がみられる露天風呂がある温泉宿がたくさんありますが、日本の象徴とも言える富士山を、贅沢に眺めてみ……
Vue.jsとAxiosなら驚くほど簡単に作れる！外部APIを使ったWebアプリの実例
ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあること…
アプリの公開前にしてしまいがちな６つの間違いとは
モバイルアプリの公開寸前で、今まで注いできたすべての努力を無駄にしてしまうような間違いをおかすときがあります。これらの間違いによって、ユーザー体験を完全に台無しにしてしまい、低い継続率や悪いレビュー評価をもらい、マネタイ…
PageSpeed Insightsでサイトの表示速度をチェックして、サイトスピードを改善する方法
2017年アメリカのサンノゼで開催されたSMX West 2017でGoogleのGary Illy…詳しく見る…
デザインにおけるメタファーとアナロジーの違いとは
HCI（ヒューマンコンピュータインタラクション）やUXデザインにおいて、機能やアフォーダンス（編注：機能に関する視覚的な手がかり）に注目を集めるとき、アナロジーやメタファーは大切な要素です。アナロジーとメタファーは密接に…
モバイル向けWebデザインのための基本的なガイドライン
モバイル向けにデザインをするなら、そのデバイスの使われ方とデバイスそのものの特性に配慮する必要があります。モバイルデザインを始める際に役立つ原則はいくつかありますが、これらはユーザーリサーチに取って代わるものではありませ…
ココだったんだ!! 3つとも行ったら自慢できちゃうかも♪ 世界の小さい国BEST3
世界には「え？」と驚くほど小さい国が存在します。今まであんまり考えたことがなくても、知っていると誰かに話したくなるかも。そんな“世界の小さい……
女優の新木優子とモデルのemmaが福岡へ。サンセットクルーズではその美しさにうっとり！
女優の新木優子とViVi専属の人気No.1モデルのemmaが6月7日放送の「タビフク。」（TBSテレビ｜6月7日水曜日は深夜1時28分～）にて、福岡県を訪れます。見逃さな……
開発者はReactとAngularのどちらを選ぶべきか？
新しくプロジェクトを始めるときに開発者を悩ませる、フレームワーク選び。ReactとAngularをあらゆる点で比較しながら、どう選ぶべきか？ の基準を考えます。 AngularとReactのどちらを選びますか？ JavaScriptのフレームワーク選びで多くの開発者が悩んでいます。始めたばかりの初心者も、次のプロジェクトで使うフレームワークを検討中のフリーランサーも、企業戦略を立てるITアーキテク…
