無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ アイトラッキング調査といえば、画面上のユーザー目線を追うことで、普段気付かないウェブデザインの問題やユーザビリティ上の課題を見つけ出そうという試み。サイトのコンバージョン率改善には確実に役に立つであろう手段ですが、準備の大変さや費用も重なり、中々実現できている企業は少ないと思います。今回、既に公開されている様々なアイトラッキング調査を調査し、そこから学べる要素を引き出した記事を紹介します。ある種、鉄板といえるルールに集約されていますが、筆者は有名デジタルマーケッターでありヒートマップツールで有名なCrazyEggの創業者ニール・パテルだけに、分析内容含め学べる点は多そう。 — SEO Japan

6月25日（水）、竹橋マイナビルームにてマイナビ様が主催する「Creator’s Career Lounge（以下、CCL） vol.6」が開催され、FICCから戸塚、福岡、冨田、STANDARD社から鈴木 健一氏が登壇しました。「Webデザイントレンドの潮流」をテーマに、これまでのWebデザインが歩んだ歴史と背景、そして現在Webの現場で活躍するWebデザイン技法についての講演のスライドです。 ・FICCは一緒に働きたい人を募集しています。 【詳しくは】 http://www.ficc.jp/recruit/ ・STANDARDは、スマートフォンアプリやWebサイト Webサービス等のUIデザインに特化したプロダクションです。 人の役に立つアプリやサービス制作に携わりたい人を募集します。 【詳しくは】 http://www.standardinc.jp ・Web業界で活躍したい人のための

日本から世界を席巻するような画期的な製品が生まれなくなった。日本メーカーはもうかつてのような輝きを取り戻すことはできないのか――。「そんなことはない。世界は今でも日本がクリエイティブだと思っている」と答えるのは、世界的なデザイン・コンサルティング会社IDEOの東京オフィス代表であるダヴィデ・アニェッリ氏。そして、ダヴィデ氏と、同じくIDEO Tokyoのリードビジネスデザイナーである野々村健一氏に、早稲田大学ビジネススクール准教授の入山章栄氏が聞いた。 ダヴィデ・アニェッリ氏。世界的なデザイン・コンサルティング会社であるIDEO Tokyo代表。イタリア出身。IDEOのサンフランシスコやシリコンバレーなどの複数オフィスで勤務後、2014年より現職。コンピューターサイエンスやインタラクションデザインの専門を活かしながら世界中の様々な組織を支援。金融、IT、メーカー等の大企業の活性化からベンチ

「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし

作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク

今日は、海外ブロガーさんのクリエイティブなフラットデザインにおけるフォームについての記事をご紹介したいと思います！ フラットデザインでフォームを作成する機会がある！というときに是非参考にしてみてください！ 長文になりますが、最後までお付き合いいただければと思います。 それでは、どうぞ！ —–以下、翻訳記事になります—— Flat UI and Forms この記事は、「Ｆ」で始まる2つの言葉についてです。その言葉は、Flat（フラット）とForm(フォーム)。 フラットＵＩ（ユーザーインタフェース）はただの流行りとか、 スキュアモーフィックデザイン（リアルデザイン）の反対反応だ、と非難されている。なのに、多くのWebデザイナーは、グラデーションとか、ドロップシャドウ、ボーダーなどのビジュアルスタイリングが減って 「インタフェースがシンプルできれいだ」という理由でフラットアプローチを採

はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

連載第1回目のゲストは、Tehu氏が「今、一番憧れのクリエイター」として対談を熱望した真鍋大度氏。 真鍋氏は、デザインや工学、数学、建築など、多様なバックグラウンドを持つクリエイターが集まるライゾマティクスの一員として活動。プログラミングをベースに、Perfumeのステージ演出や広告プロモーション、インタラクティブアートなど幅広い分野で作品作りを行っている。 そんな真鍋氏の大ファンで、“パフュクラ（Perfumeファンの人たち）”でもあるTehu氏は、灘高校時代に文化祭などで真鍋氏の作品からインスピレーションを得た（本人は「猿真似」と言っている）ステージ演出を手掛けた経験を持つほど。 一方、真鍋氏は意外な形でTehu氏との接点を持っていた――。 メディアアーティストは問題提起型のモノづくりをする人 2人は今回の対談が初対面の場だったが、SNS上では意外なつながりが 真鍋　僕はFaceboo

JaypegWelcome to JAYPEGJAYPEGは簡単に優れたポートフォリオが作成でき、自分の作品を投稿できる、 デザイナーのためのソーシャルサービスです。

オンラインカジノ”のフレーズで検索をすると、「ベラジョンカジノ」のサイトや紹介ページが多くヒットします。ベラジョンカジノとは日本人の間で人気を集めている海外のカジノサイトのことで、実際にお金を賭けてゲームをプレイすることができます。ここではベラジョンカジノの特徴・人気の理由や利用方法についてをご紹介します。 【ベラジョンカジノとは?】 ベラジョンカジノとは、海外のオンラインカジノサイトのひとつです。アカウントを登録してチップを入金すれば、日本に居ながらお金を賭けてゲームに参加することができます。サイトを運営する会社はマルタ共和国の政府に正式に認可されているので、安心してサービスが利用できます。ベラジョンカジノとは海外の会社が運営するサービスですが、日本語表示に対応しているので英語が読めなない方でも大丈夫です。 【ベラジョンカジノの特徴とは】 ベラジョンカジノは画面の操作方法が簡単で、オンラ

プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました． 多分これがslideshare内で一番役に立つと思います． スライドの作り方を学んだことがない方、参考にどうぞ！ 2016.01.22 書籍発売　好評につき重版決定！！ http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード！ 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】Read less

LPO研究所所長の鎌田です。 先日、弊社デザイナーが「新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法」という記事を書きました。 この記事は公開2日で1万人以上もの方にお読みいただきまして、本当にありがたい限りなのですが、そのなかで 「指示を出すディレクターにも問題があるのでは？」 というご意見を同時に多数いただきました。 皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません。 では、「売れるデザイン」をWebデザイナーに作ってもらうために、ディレクターは具体的にどう動けば良いのでしょうか？ 実はデザインディレクションにも、誰でもカンタンにマネできる「ちょっとしたコツ」があります。 今回は「デ

Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf

先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

WebSig会議 vol.33： http://websig247.jp/meeting/33/ 2ndセッション ハートに響くUIを生み出すためのデザインプロセス ／土屋尚史（株式会社グッドパッチ 代表取締役）Read less

Welcome to PopApp.in, your trusted source for the latest news, information, and insights. We are dedicated to delivering high-quality content that informs, engages, and entertains our diverse readership. Our Mission At PopApp.in, our mission is clear: to provide you with accurate, unbiased, and timely news that matters. We believe in the power of information to shape perspectives, drive conversati