〜デザイナー自身が、ユーザーの声に基づき仮説を立てる一方で、それを裏付ける数値も自ら導き出す。フリマサービス「フリル（FRIL）」の、定性データと定量データを使いこなすデザインチームのつくり方とは〜 サービスを改善していく上で、ユーザーの声は非常に重要だ。 しかし、聞こえてくるユーザーの声のみに意識を向けることは、時にユーザーの声の裏にある真実を見失ったり、サービスを成長から遠ざけてしまうことがある。 今やアプリのダウンロード数が650万を越える、国内有数のフリマサービス「フリル（FRIL）」。同サービスを運営する株式会社Fablicは、「ユーザーの声」である定性データを大切にしてデザインの改善を続けていた。しかし、ユーザーの声を反映させた機能改善が、必ずしもKPI、すなわちサービスの成長に繋がるものばかりではないという課題も抱えていたという。 そこで同社では、デザイナーが日々データに触れ

Y軸がFleschスコアだ。検索順位上位にあるURLとの正の相関関係がかなり強く、平均的に読みやすいテキストであることがわかる。 ただし、コンテンツを長く（または読みやすく）するだけで検索順位を上がるわけではない。重要なのは、1つのトピックに一面的な見方だけをしているわけではないユーザーに対して、関連性が高く、包括的なコンテンツを提供することだ。 今回の調査結果が裏付けている見方がある。それは、検索エンジンがキーワードだけを重視するのをやめて、キーワードやさまざまな関連用語を中心とした個々のテーマやトピックエリア、いわゆる「コンテンツ群」を分析するようになってきたというものだ。 「SEOチェックリスト」をやめるだから、今でも市場で過剰に使われている観のある「SEOチェックリスト」という時代遅れの習慣は、すぐにやめてほしい。重要なのは検索エンジンのためにキーワードを最適化することではない。ユ

「より優れたビジュアルデザイナーにどうしたらなれますか？」と尋ねられたベテランデザイナーの Jonathan Z. White 。 彼が現在習っている中国語を引き合いに、より優れたデザインを手がけるには基本原則をまず押さえることがいかに重要であるか、実際に活用できるテクニックや簡単な練習方法と一緒に紹介しています。 まずは、ビジュアルデザインを次のレベルに引き上げるためにマスターしたい、いくつかの基本原則を詳しく見ていきましょう。 ずっと使える、デザインの基本まとめました。【2020年改訂版】 基本原則その1 : 書体の基本に戻ろう。 フォントやタイポグラフィーを見れば、デザイナーが何を実現しようとしたのか色々アイデアが巡るでしょう。書体は、デザインの基本といっても良いでしょう。 デザイン全体を書体のみで作成することもでき、選択したフォントに合わせてカスタマイズすることも可能です。デザイン

機能性の高いCSSフレームワークは、どんなデザイン・プロジェクトにおいても良いスタートを切るのに欠かせません。 その際、余分なオプションをいちいち選ぶべきか判断する必要のない、ジャストな機能を備えたパッケージで仕事するのが理想的と言えます。 以下では、そんな基準を満たしそうな10のフレームワークをご紹介します。 FICTOAN このFICTOANは、手軽に使えるCSSフレームワークとして有名です。シンプルで軽いフレームワークとしては非常に有能で、ビビッドカラーとカスタムアイコンが特徴です。 avalanche avalancheは、ユーザーのニーズを満たす柔軟なカスタマイズが特徴のフレームワークです。何種類かのパッケージが存在し、その中には流動的なグリッドシステム、クラスオフセット、コンテイナー、ヴァーティカルスペースなどのいくつもの機能が実装されています。 Beauter ハイレゾリュー

アイデアに詰まったら！イケてる事例が見つかるWebデザインのギャラリーサイト38選2022年2月8日 Webデザイナー Webデザインをしていると、アイデアに行き詰まってしまうことってありますよね。そんなときにギャラリーサイトを見てみると、インスピレーションが刺激されて行き詰った状況を打破できるかもしれません。 本記事では日本と海外の海外ギャラリーサイトを全38個まとめてご紹介したいと思います。日本と海外のギャラリーサイトをWebサイトとパーツ別にそれぞれ分けているので、4部構成でお送りします。 ＜この記事に関連する記事＞ アイデアが浮かばないときに参考にしたいブログ9選 スマホサイトのWebデザインに！参考にしたいまとめサイト9選 おしゃれなポートフォリオサイトのおすすめ20選！参考にしてかっこよく作ろう 目次 日本のギャラリーサイト（Webサイト） 日本のギャラリーサイト（パーツ別）

今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を

入力フォームにはこのように多くの種類があるので、必要な機能も異なります。目的に合わせてそれぞれの目的にあったフォームを導入する必要があります。 入力フォームの作り方 1.業者に外注する 入力フォームの作り方1つ目は、Web制作会社などプロへの依頼です。 デザインから機能まで自社に合わせて一から設計してもらえるため、オリジナルの入力フォームが作れます。 ただし、他の作り方と比べて費用が高額になってしまう点がデメリットです。2万円〜数十万円の費用がかかります。 外注した場合は修正も制作会社に依頼する必要があるため、時間がかかってしまうのもデメリットです。 自社で入力フォームを作成するリソースがない、オリジナル性の高い入力フォームを作成したい場合におすすめの方法です。 2.入力フォーム作成ツールを使う 入力フォームは、入力フォーム作成ツールを使用することで簡単に作成できます。無料で使えるツールも