High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
5 Universal Principles For Successful eCommerce-Sites — Smashing Magazine
When was the last time you called customer support because you were having problems checking out online? Probably never! Cart abandonment rate is at around 60%, and most of it happens before the user even begins the checkout process. Sometimes, convincing your customers to trust you is your biggest challenge. There is no “Consumer Trust for Dummies,” but as eCommerce designers, we need to focus on
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Zend_Formで実現できるMVC粒度の調整 - noopな日々
MVCの分離（初期） ソフトウエア開発の基本の一つに、MVCの分離がある。 PHPは１ファイル中で完結させることも可能なテンプレートスクリプト（異論はあるかもしれない）である。さらに効率的なテンプレートエンジンが開発され、プログラムをMVCに分離して保守性の向上が図られた。MVC構成によるアプリケーションが一般的となった。 しかし、一部にはコントローラーでリクエストを受け取り、データを準備してビューに渡すという典型的なパターンがMVCのゴールであると誤解されている節がある。 さらなる大型化、高機能化 システム全体で几帳面なMVC分離を考えると、コヒージョンの低下を招き、結果として、スクリプトが分離されているのに、それぞれの結合度が高くなってしまう現象が発生する。 たとえば、アプリケーションのディレクトリ構造をMVCに切って、すべてのスクリプトをその構成の中にカテゴライズしたとする。すると複
MVCとPAC - noopな日々
Presentation-Abstract-ControllerとModel-View-Controllerについてさらっと言及 MVCアーキテクチャはある程度の規模になると限界が訪れる。 http://c2.com/cgi/wiki?RecursiveModelViewController http://d.hatena.ne.jp/noopable/20090127/1233014697 この、1999年の記事でPACについて触れられているが、PACはMVCのスケール問題、その他を解消しうる。MVCでも、RecursiveMVCでMVCに階層構造を持ち込んで解決するという方法もあるらしい。 http://www.asahi-net.or.jp/~dp8t-asm/java/articles/OOAD/article.html#fig:pac 似たようなことは誰でも一度は考えることだろう
10人のデザイナさんに駄目出しして頂きました:Geekなぺーじ
10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの？」
Webアプリ開発における「内部APIモデル」 - Tous Les Jours 攻防記
前回の話は、一回のエントリーでは書ききれない内容でした。。以下もうすこし詳しく書き直してみます。 Webアプリ開発における「内部APIモデル」とは、ネットワーク越しに外部サイトのWebAPIを呼び出すかのごとく、自サイト内のリソースに対して内部専用のWebAPIでアクセスする仕組みを導入し、分散処理を行うモデルのことです。典型的なWebアプリでは、データベースがここでいうリソースに該当するかと思います。 図にすると以下のようなイメージです。 今回、Lang-8で実際に「内部APIモデル」を導入してみたので、気づきの点などをこのエントリーにまとめてみました。 ※導入のいきさつについては、前回のエントリーで触れています。 「内部APIモデル」を採用するメリット Webアプリ開発において「内部APIモデル」を採用するメリットは２つあります。 （１）言語やフレームワークの選択自由度が上がる 現在運
１ピクのラインにこだわったデザインスタディ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
設計者とデザイナーとコーダーと高品質なサイト | Takazudo Clipping*
最近、会社の中で、サイト制作の際、デザイン・HTMLに行くまでにどういう資料を作ればいいんだろうプロジェクトみたいのをやっておりまして、はじめは、ページの構成、こー言う風に考えていますという、ページの内容を説明する資料のフォーマットを考えていたんですが、どうにもそこだけでは足りないような感じに思えてきて、どうしたもんかなーと思って色々見ていたところ、インフォメーションアーキテクチャってのが、まさにその答えでした。今まで制作の中で悶々としていたことが、かなーりすっきり理解できた。誰がいつ何をしないといけないのかが。 なんとなくうだうだ情報設計みたいな話 インフォメーションアーキテクチャについての細かい説明は、勉強中なのでこのエントリ内では詳しく書きませんが、サイト制作には、大まかに、次のようなフローがある。一応ここでは、サーバーサイド技術を含まない、コーポレートサイトみたいなものだと仮定して
企業ホームページをリニューアルしました : 管理人@Yoski
企業ホームページをリニューアルしました。 これまで個人サービスと企業サービスがごちゃごちゃだったので、「企業ホームページは企業向け」と半ばわりきってすっきり整理しました（してもらいました）。 で、実は今回はじめて「ホームページ製作会社」さんにお世話になりました。 いろいろと反省することも多かったのでやりとりなどを記録しておきます ということで簡単にご報告します。 ※反省点については、視点が不明瞭で誤解を招くため削除させていただきました。申し訳ございません。 ■ホームページ製作会社さん これについてはすいません、前職から「ウサくま」さんという会社にいろいろとお世話になっており、今回は「ウサくま」さんにお願いすること前提で進めました。 (ウサギ＋くま、ですね） なので、テーストも知ってるし、価格も明瞭なので（HPにも掲載されている）、お願いする段階では何の心配もありませんでした。 ■やりとり
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
WEB制作・ファッション・インテリア・デザインに役立つカラー配色事典
・天然石ｱｸｾｻﾘｰｼｮｯﾌﾟ ・FKM Search ・ネットショップノウハウ ・FKM.WEB(WEB制作) ・ふくみみ猫と戯るる ・FKM PHOTO DL ﾌﾘｰ写真 ・猫まち！-携帯待受- ・猫ふり！-写真素材- ・猫と晩酌 ・NO! Scales計量ｶｯﾌﾟﾚｼﾋﾟ ・西の猫はキャンプ好き ・ドリーマンのスピニング・トーホールド 【PR】 国内最大エリアのインターネット回線。「フレッツ」 【PR】 【PR】 プライベートキャンプ場 始めました！ 九州の里山で プライベートキャンプ場 始めました！ 川あり山あり民家なしの 完璧な環境！ YouTubeチャンネルにて 公開中！ 【YouTubeチャンネル】 WEB制作 をする上で、避けて通れないのが「サイトデザイン」です。サイトの内容は決まっていても、どのようなイメージで、何色を基調にサイトを作るか。これが決まらないと先に進めません
携帯サイト＋らくらくホンがウェブアクセシビリティを考える上での大きなヒントとなる。 | Junnama Online
携帯サイト＋らくらくホンがウェブアクセシビリティを考える上での大きなヒントとなる。 公開日 : 2008-04-16 10:59:29 参加させていただきました。 ユーザーの生の声を届ける！ハーモニーblog: 参加者募集！視覚障害者から発信するWebセミナー（ネットショッピング編） 今までにも実際のユーザーの方とお話をさせていただいたり怒られたりw色々勉強の機会をいただいたこともあるのだけれど、支援技術の進歩とかウェブの現状が日々変化していっていることを考えると定期的にこういった場で勉強するのは大切なことだと思う。 とりあえず現段階で僕が最も感じていることは表題にもしましたが「携帯サイト＋らくらくホンがウェブアクセシビリティの大きなヒントとなる。」ということです。 その他感じたことについて、まだ整理できていないところもあり改めて書くかもしれませんが、以下、メモのようなもの。 代表的なソフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
セオリーに基づいたカラースキームが設計できるオンラインサービス
https://www.designwalker.com/2008/09/business-webdesign.html
IDEA * IDEA
gooランキング - あらゆるものをランキングで紹介！ランキングの総合サイト
サービス終了のお知らせ
webcreators