PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
ニッセンがTwitterで誤字→公式アカウントがよってたかって協力して1日で「激怒Tシャツ」商品化決定
カタログ通販のニッセンが「激怒Tシャツ」を発売することになりました。デザインをパインアメのパインが務め、モデルはガールズファッション誌の「Popteen」が担当。さらにシャープやキングジムといったメーカー陣も協力する豪華なバックアップ体制が特徴です。なにそれすごい！ 実はこれ、ニッセンのTwitter担当者・スミスさんが1月8日に「激怒した」を「激怒Tした」と誤投稿したことがきっかけ。これにパインの公式アカウントが、「激怒Tって激怒Tシャツみたいですね」とつぶやき、なぜかデザインのイラストまで考案します。すると、愉快な企業アカウントでおなじみの「キングジム」「森田アルミ工業」らが参戦。Popteen編集部も「モデルはPOPモデルがやってもいいですか？(前のめり)」と協力を申し出るなど、わずか1時間で一大プロジェクトに成長します。 当初は「ちょっとまって」を連呼していたスミスさんですが、やが
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd（72種類のレイアウトとチャート） .ai（72種類のレイアウトとチャート） .sketch（72種類のレイアウトとチャート） .png（72種類の各レイアウト） 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
趣味で性の悩みを話せるWebサービスをつくってみました - 今日学んだこと
やっと、ベータ版として人にギリギリ人に見せられるところまできました。 と、作ってる事自体は公言してたんですが、内容については言及してなかった。なぜなら、扱っている内容が結構際どかったので・・・。 形になりつつあるで、ここで技術的な話と作成時のあれやこれを合わせて紹介してみようかと思います。まずは技術的な話から。 作ったもの こちらになります。 *Google先生に不健全と怒られたので「lovepoints」で検索してね！* 作成の経緯 異性含めた友達達と飲み会盛り上がってる時に、性の悩み的な話になっていって。酔った勢いじゃないと話せなかったりする悩みっていうのも多いよねと。 インターネットが発達している世の中で、もし、料理が上手にできないっていうなら、クックパッド見れば良い。ただ、こういった悩みに対して答えがネット上にあるかっていうと、怪しい薬かグッズ、もしくは情報商材のページばかり。 じ
ヒートマップテストで判明した19点の超重要データ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 先日、アイトラッキングに関する記事を配信した所、予想以上の人気がありました。アイトラッキング以上に簡単に実施できるのが、マウスの導線を追うヒートマップテスト。様々なASPサービスも提供されており、低価格で導入できますよね。今回の記事では、数多くの公開事例や調査を通してヒートマップテストで会得した19のデータを紹介します。 — SEO Japan ヒートマップは、ビジターの行動を分析する上で大いに役立つ。その他のメソッドでは得られない見解を導き出し、その結果、コンバージョン率を大幅に引き上げることが出来る可能性がある。 ヒートマップは、マウストラッキングとアイトラッキングの2つに分類される。大多数
今のアニメデザイン傾向を８つに区分けする これらがせめぎ合ってシーンは進んでる（追記と修正版） - １７．５歳のセックスか戦争を知ったガキのモード
様々なアニメが日本にはあります。全体としてはどこかしら客層に合わせて形式的に見えますが、その映像・演出や構成の中に様々なデザインの傾向が出ていると思われます。そんな膨大にリリースされるアニメの中で、特に目立っているデザインの傾向を簡単に区分けした場合どんな傾向に分けられるのか？の実験的メモです。なにやら勝手な横文字使ってここまでやってたので、そのまとめのようなものです。 現行のアニメシーンは大きく適当に分けて８つの傾向でデザイン競い合ってると見ております。 コンテンポラリー（京都アニメーションなど） 現在の１４ー２１歳のガキの主人公たちの視点を掘り下げていけば、ジャンルがハーレムだろうとロボットだろうと魔法だろうとその多くは（かっこわるい標記だろうが）青春の光と影やガキの頃にしかない日常の情景のささやかな永遠がポイントであるかに見えます。それを脚本以上に映像やキャラデザなど総合したデザイン
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して喜ばしいことではない。 ユーザーは「最高にクールなUI」がわかるか？ まずこの問いから始めたい。一般ユーザーは「最高にクール」なUIがわかるか？ 答えはNOだ。彼らは「使いやすい」UIはわかっても「クール」なUIはわからない。そして「使いやすい」というのは結局各人の主観に依るものなので、この「使いやすい」UIというのは参考にはできても信用はできないものである。 この話を読んで真っ先に思い出した１つの話がある。 フラットデザインや新機種が評判どうか、というのはAppleにとっては意味が無
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Shunter.jp - 楽天のトップページを内容を変えずに、外観だけ変えてどれだけ見やすくなるか試してみました。
フルサイズ 変更前 まえがき なんで楽天？？ すみません、何かのご縁だと思いますが、セミナーを受けていたら調度思いついた感じです。 先日データサイエンスの始め方・データ分析のデザインパターンというセミナーに参加してきました。 その中で一番私の印象に残ったのが、最後のプレゼンテーションで「楽天」のサイトのデザインについてでした。 内容は簡単に言うと、『「おもてなし」をしましょう。そのためにユーザの感情をデータからモデル化することを目指す！』という話だったと認識しています。 「おもてなし」という考え方は、とても共感しました。ユーザにとっていい物をという思想は常に持っていたい所存です。 当該プレゼンテーションの中では、ホテルのバスタオルの再利用を促すための張り紙を１つの例として扱い 、ユーザとの接し方を変える事でユーザの行動が大きく変わる事をこのことを説明されていました。 この話での、具体的な比
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
あの「愛生会病院」のサイトが、ついに閉鎖
愛生会病院のウェブサイトにアクセスしてみたところ、「403 Error - Forbidden」の文字が。ずいぶんと目に優しい画面になってしまった…… 「検索してはいけないワード」としてネット上の一部では有名な、「愛生会病院」のウェブサイト。愛生会病院は、埼玉県にある内科、小児科、産婦人科の病院だ。なぜ有名になったかというと、目に優しくなさすぎる色使いや、気持ち悪いほど大きくなったり小さくなったりするテキストなど、病院のサイトにも関わらず不健康過ぎるウェブデザインだったからだ。一度目にしたら、まず忘れることはできないと言っても過言ではなかった。 ところが今年5月、その愛生会病院のサイトが閉鎖されるというニュースが舞い込んできた。院長の息子である宮本“ブータン”知聡氏が、14日未明にTwitterで「【続報】『愛生会病院のHPが閉鎖』…残念ながら、…本日、院長が「2ヶ月以内に閉鎖する」という
Web制作のリアルな工数と見積もりの話～フリーランス編～
http://coziest.net/?p=572 のパクリです。 WP-Dの元記事や上記ブログの記事を見ても納得しない人は多いでしょう。なぜか。 「制作会社の視点であって、フリーランスの視点で考えていない」からだと思います。はてなにはフリーランスの人が多いのです。 そこで、細々と10年フリーランスをしている自分が、「フリーランス編」として工数と見積もりの話をしたいと思います。 ■依頼内容 個人なので、100ページ以上必要なサイトを依頼される事は稀です。顧客も、中小・零細企業がほとんどでしょう。 ここでは前提条件として、「30ページ前後のホームページをWordpressで管理できるようにする」というリニューアル案件を想定したいと思います。 そしてこのぐらいの規模の場合、納期は概ね1ヶ月前後とだと考えられます。1ヶ月は待ってくれるけど、それ以上かかるようなら破談になる可能性が大です。 ■見積
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
有名企業やアニメなどのロゴを作れるジェネレーターまとめ｜男子ハック
あんな企業ロゴやこんなアニメタイトルまで、色々なロゴジェネレータを使って男子ハックのロゴを作ってみました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
あたし、このデザインを納品したら故郷に帰って結婚するんだ。vol.05｜株式会社アクトゼロ｜クリエイティブブログ
