これからのWeb制作に役立つ、69個の有益で大切なポイントのまとめ -69 Website Design Tips | コリス

2015/08/26 139 users コリス 明度 ビジター Web制作 ターゲット

Web制作のデザイン、ユーザエクスペリエンス、コンテンツ、制作・開発、そしてこれから必要もの、避けておきたいものをまとめた「69 Website Design Tips」を紹介します。 ターゲットとなるビジターを調査するのが重要 カラーは2, 3色をベースに、多色が必要なら明度に変化をつける ロゴは、デザインされた高品質なものを使う コンテンツが魅力的でも読めないテキストでは意味が無い 要素が減っ... 続きを読む

PolymerでMaterial Designなチャットアプリを作ろう | HTML5Experts.jp

2015/03/17 310 users Polymer Material Design 注目 実際

今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。まず始める前にこ... 続きを読む

サイト制作の見積もりにも大きく影響！ユーザエクスペリエンスを向上させるために必要なタスクがよく分かる -UX Recipe | コリス

2015/02/05 56 users コリス タスク クライアント プロセス 途中

UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく、必要な途中のプロセスもドキュメント化などすることで、クライアントからの正当な評価もいただけます。 UXのプロセスを洗い出して、見積もり計算 UXのプロセスは7カテゴリに分類されて... 続きを読む

PolymerでMaterial Designなチャットアプリを作ろう | HTML5Experts.jp

2015/01/27 308 users Polymer Material Design 注目 実際

今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前に... 続きを読む

Webページでよく使うさまざまなコンポーネントが簡単に利用できるCSSベースのフレームワーク -Materialize | コリス

2014/11/11 237 users Materialize コリス エレメント フレームワーク

最近のWebページでよく使用されているさまざまなコンポーネントやエレメントがフラットにデザインされたCSSベースのフレームワークを紹介します。 オープンソースで、個人でも商用でも無料で利用できます。 Materialize Materialize -GitHub MaterializeはGoogleが提唱する「Material Design」をベースに、ユーザエクスペリエンスにフォーカスされたCS... 続きを読む

ベストなユーザエクスペリエンスを実現するJavaScriptの課題と可能性 - ワザノバ | wazanova

2014/09/25 81 users wazanova ワザノバ 課題 JavaScript 可能性

https://www.youtube.com/watch?v=p2F-128e3sI 1 comment | 2 points | by WazanovaNews ■ comment by Jshiike | 33分前 Socket.ioのクリエーターとして知られるGuillermo RauchのBrazilJS 2013での講演です。理想のシングルページアプリをつくろうとすると、JavaScr... 続きを読む

ウェブデザインで大切な空白スペースの効果的な5つの使い方 | コリス

2013/08/29 242 users コリス ウェブデザイン スペース 空白スペース ウェブサイト

空白スペース（ホワイトスペース）が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience 下記は各ポイントを意訳したものです。 はじめに：空白スペースの基礎知識 1. 空白スペースがデザインに使いやすさを加える 2. 空白スペースがコンテンツに読みやすさを加える 3. 空白スペ... 続きを読む

ユーザエクスペリエンスを正しく理解する-UXとUXデザイン

2012/02/11 94 users Tokyo UXデザイン 問題

ユーザエクスペリエンスを正しく理解する-UXとUXデザイン — Presentation Transcript 2012年2月11日 WIAD2012  TOKYO ユーザエクスペリエンスを正しく理解する 　　～ＵＸとＵＸデザイン 答えはない 問題を探す by  bookslope 千葉工業大学 デザイン科学科 Chiba Institute of Technology　Departmen... 続きを読む

すぐに実施できる、あなたのウェブページのスピードを改善する10のチップス | コリス

2011/04/21 539 users コリス チップス ウェブページ スタイルシー スピード

ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシー... 続きを読む

これは要チェック！豊かなユーザエクスペリエンスを与えるナビゲーション集 | コリス

2011/04/20 375 users コリス エレメント ナビゲーション 基盤 ウェブサイト

ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビ [...] 続きを読む

Googleなど3社、Sitemapsをサポート - サイト管理者は要注目 (MYCOMジャーナル)

2006/11/16 120 users Sitemaps MYCOMジャーナル Microsoft

検索エンジン大手3社であるGoogle、Yahoo!、Microsoftは16日(米国時間)、Sitemaps 0.90のサポートを発表した。Web管理者はSitemapsを使うことで検索エンジンに対して包括的でかつ効率のよい自サイトの情報を提供できる。 検索エンジンを通じた最新ページの情報の取得は、ユーザエクスペリエンスの向上に大きく貢献する。しかし、サイトが大規模になればなるほど、検索エンジン... 続きを読む