http://creive.me/archives/5818/
年間300億。Webユーザビリティ３つの間違い・落とし穴
「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、
コンテンツ作りに役立つ基本的なマーケティング心理学まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さんこんにちは、メディア事業部のそめひこです。 記事や企画作りを行う上で、アイデアやコンセプトがなかなか浮かんでこないことが多々あります。結構な量の記事や企画を組み立てていくので、頭が柔軟ではない自分にとってはアイデアやコンセプトを出していくのは結構な重労働。 そんなときに私が最近参考にしているのが、”心理学”です。 心理学 = 生物体の意識や行動を研究する学問 漠然としたアイデア出しを、心理学を通してより具体的に仕立て上げることで、ある程度の道筋をたてることが出来ます。 アイデア出し役立つ基本的なマーケティング心理学まとめ ■認知的不協和 個人のもつある認知と他の認知との間に不一致・不調和が生じること。その結果、不協和を解消あるいは低減しようとして行動や態度に変化が起こる。 例えばヘビースモーカーの喫煙者に対して、「タバコを吸うとガンになるリスクが高くなり長生き出来ないのでやめなさい」
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
「Webサービスの作り方」とかを読んでWebサービスが作れない理由とは - uzullaがブログ
出オチ やる気の問題や！！！！ やる気が有る時とは？ 支障がない時に、難なくアウトプットができている状態。 やる気が無い時とは？ 時間も道具もあって特に何の支障もないのに、さらに重版までかかった「Webサービスの作り方」などという良書を読んでも、なんらアウトプットができない状態を指す。 Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus) 作者:和田 裕介技術評論社Amazon四六時中そのことについて考えたり調べていても、アウトプットがなければそれはやる気が無いという。 アウトプットが重要だ アウトプットが無いと完成しない。なにがどうあれアウトプットが100%ならできている。 品質がどうとか、そういうものは後からでもどうにかなる（特に、Webなら）。 アウトプットされていないものは永遠に存在しない。 しかしアウトプットはだるい
<!--:JA-->「デザイナーもJavaScript覚えるべきだよ」について<!--:-->
Web やアプリのデザイナーか「技術にしばられないでデザインを考えていく」コミュニティ。 月1回の定例MTGと年に数回のデザイン中心ハッカソンなどをしています。 先日、Facebookでぼやりとつぶやいたのですが、「デザイナーもJavaScript覚えるべきだよ」ということについて、思うことを素直に書いてみます。 2012年12月8日に開催されたCSS Nite in OSAKA, Vol.34でわたしは微力ながら第二会場の進行をしていました。 この日のセッション内容については、これからのWeb系の仕事まわりでは、なんとなく各専門家はいても、WebならWeb系全般の一般教養みたいなのはおさえておかないと、実際仕事につながらないよねーみたいな雰囲気でした。 たしかにそうなんです。 でも思うのは、「デザイナーもJavaScript覚えるべきだよ」と軽々しく言うのはちょっと違うと思うのです
私が出会った優秀なWebデザイナーに共通した26の特徴
優秀なWebデザイナーって何だろう。と考えたことはありませんか？私は昔からそんなことを考えているんですが、最近、優秀なWebデザイナーについて、なんとなくですが気づいたことがありましたので、今日はそのこと(優秀なWebデザイナーの特徴)についてまとめてみようと思います。 こうして優秀なWEBデザイナーに共通している特徴をまとめてみると、私はまだまだ小さい人(Webデザイナー)だなと痛感させられます。優秀なWebデザイナーの方々の多くは、人としても大変魅力的で、彼らの周りには自然と人が集まっているように感じます。 今日の記事は、あくまでも私が気づいた点であるために、必ずこれらができているから優秀なWebデザイナーであるとは限りません。ですがこの記事が「優秀なWebデザイナーとはどんな人なのか」「どうすればそうなれるのか」という事を考えるきっかけになれば幸いに思います。 人として共通している1
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
1年目デザイナーに読ませたい配色の考え方を学べる記事
配色センス0でも大丈夫！？服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
自分のサービスをわかりやすく説明するために最も重要なこと2つ : けんすう日記
自分の製品の説明は難しい 僕が代表をやっている会社は、nanapiというサイトをやっていたりします。これはいわゆるHowtoサイトで「○○のやり方」みたいなのをひたすら集めて提供しているサービスなのですね。 書いているのは、僕ら社内＋nanapiワークスというクラウドソーシング＋CGMだったりします。 訪問者数も900万人くらいになって、そこそこの規模になってきたのですが、最近問い合わせが多いのが「うちのサービスの使い方もここに載せたい！」というものです。 nanapiとしてはHowtoのデータベースが充実するのが一番のユーザー価値だと思っているので、利益重視というより、記事が増えるなら、という形で、実費＋αくらいで受託的に僕らが書いてたりするのですが、そのノウハウを外に出すと、書ける人も増えて、その製品を使おうとするユーザーさんも増えて、いいことが多いかなあ、と思うので、ノウハウを共有し
404 Not Founds
The requested URL was not found on this server. 您要找的内容已被删除
人気ブログも夢じゃない！ブログのノウハウが詰まりまくった記事まとめ * 男子ハック
@JUNP_Nです。男子ハックも世間的には成功しているブログと評価していただくことが増えてきました。ありがとうございます。そんな僕らがブログを始める前、始めてから参考にした先輩ブロガーさん達のノウハウがたっぷり詰まった記事をまとめて紹介します。 本気でやれば誰でも人気ブログを作れる 人気ブログは誰でも作れる。僕はそう思います。要は「やったか」「やらなかったか」ということだけ。たったそれだけのコトだと思います。少なくとも「男子ハック」を例にとれば、Web上にたくさん散らばっているノウハウを本気でやってみた結果です。 実際にWeb上に散らばっているノウハウを正確に実行してきたか？と言えば、そうではないのですが、考え方や手法など参考になることは多くあります。 そうゆう方法があるのに、知っているのにやらないのはもったいない。 今回まとめて紹介する記事は、ブログを始めたばかりの人も、ブログを長く続け
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
Web Applicationを綺麗に設計するためのMVACという考え方 - $shibayu36->blog;
【2016/03/04追記】以前まとめたこのMVACという名前の設計は既に古くなっており、今はこのようなアーキテクチャで設計していません。 こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって？ データソースやロジックを扱う「Model」、表示・出力を管理する「View」、複数のModelとControllerをつなぐApplication、ユーザのリクエストなどを受け取りViewやApplicationを制御する「Controller」の4つの要素を組み合わせてシステムを実装する方式。MVCをさらに抽象化した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS