milk's tumblr


みるくの中身

Web制作小物ツール - dounokouno.com →

Source: webtools.dounokouno.com

メモメモ。

Source: motchie

アクセシビリティとターゲットユーザーの想定について

新サービス ロッテ、「お口の恋人ロッテオンラインショップ」にて「わくわく定期便」など新サービスを提供
http://release.nikkei.co.jp/detail.cfm?relID=295853&lindID=1

株式会社ロッテ(本社:東京都新宿区 代表取締役会長:重光武雄)は、「お口の恋人ロッテオンラインショップ」(http://lotte-shop.jp/)を10月5日(水)にリニューアルしましたが、新たにお客様が「楽しくなる」「続けたくなる」「待ち遠しくなる」をコンセプトに2種類の定期便「わくわく定期便」と「こだわり定期便」をスタート致します。お孫さんや、お子様、甥っ子、姪っ子の笑顔が見たいからプレゼントを送りたい!お気に入りのお菓子は定期的に買い置きしておきたい!お父さんやお母さんに、毎月のプレゼントをしたい!今回のサービスは、そんなお客様の声にお応えするものです。

<「わくわく定期便」>  1回のご注文で、お菓子やアイス等を(頒布会形式で)定期的にお届けします。今回販売する第一弾は、毎月の新製品を中心に、ロッテが厳選したお菓子バラエティセットを、かわいらしいデザインの箱に詰め、送料無料で定期的にお届けするサービスです。どんなお菓子が入っているかは箱をあけてのお楽しみ!届いた箱をあける時のわくわく感をお楽しみください。毎回、オリジナルグッズもしくは試供品などのちょっぴり嬉しい特典付きで、ご自身のご家族で楽しまれることはもちろん、プレゼントにも最適です。子どもたちの喜ぶ顔が見たい!大好きな孫にわくわく感を届けたい!お父さん、お母さんに親孝行がしたい!そういったニーズにも最適なサービスです。

<「こだわり定期便」>  キシリトールガムやうるアップコラーゲンドリンク等を1回のご注文で定期的に送料無料で指定の場所にお届けするサービスです。家庭内にいつでもお気に入りの商品を置いておきたい方や、大切なご家族へのプレゼントとしてお勧めです。  例えば、大切なお孫さんへ「歯にいい習慣を」という思いを込めて、キシリトールガムを送ったり、「いつまでも若々しくいてね」という思いを込めて、お母さんに「うるアップコラーゲンドリンク30本セット」を送ったりしてはいかがでしょうか。

ターゲットユーザーは、上記文章から判るように高齢者も含まれています。
説明文を読んでいるだけで「ワクワク感」があふれ「うちの可愛い孫に早速送ってあげよう!」と【お口の恋人ロッテオンラインショップ】  http://lotte-shop.jp/にアクセス!
すると残念な事に10月5日にリニューアルされたページは、文字が小さくて読めない。。。その上、IE6,7,8,9で文字サイズを大きくしようとしてもフォントサイズが相対指定になっていないので、文字を大きくして読む事が出来ないんです。(IE7,8,9でのズームは可能です)
このページのbodyで設定してあるフォントサイズは、12pxでした。

もともと このサイトのターゲットユーザーは、若い人だと思うのですが 「わくわく定期便」がなくても、おじいさんがお孫さんにお菓子を買ってあげようと このページで買い物をする事もあるでしょう。 そういったことを考慮していれば、全体のフォントサイズが12pxになる事はなかったのではないでしょうか?

ターゲットユーザーが若い人と想定してても、ショップサイトは上記のようにアクセシビリティを考慮しなかったために、 せっかくワクワクして買い物をしようとしていた人が説明文等読めなくて、買い物が出来ず落胆して離脱されるケースが出てくるでしょう。

お客さまの声に答えて新サービスを考えられた時、文字サイズも考慮したサイト構築をすると買う方も売る方も幸せになれると思います。

H2O Blog.: Webページ上からクリップボードにコピーできる『zClip』 →

h2oblog:

Web上でツールなどを提供すると、直接クリップボードにコピーできる機能を提供したくなることがあります。

Internet Explorerに依存すれば、簡単に作ることができるのですが、マルチブラウザに対応させるには、Flashと連携する必要があります。

そのあたりをまるっとパッケージにしたのがこちらのライブラリ。jQuery 1.6.4にも対応したプラグインで、最新のChrome14 + Flash Player11などで動作しました。作ったサンプルはこちら。

Source: h2oblog

croppy.org →

スクラップ

H2O Blog.: iOS 5では、overflow:scrollやtextareaが一本指でスクロール →

h2oblog:

これまで、iPhoneでは「フレーム」と「overflow:scrollでのスクロール」および、「テキストエリア(textarea要素)」は鬼門でした。

なんせ、スクロールがやりにくい。2本指でスライドすればスクロールできるのですが(テキストエリアはできない)、とても普通の人には分からない操作ですし、そもそもやりにくい。そのため、「使わない」というのが定説でした。

しかし、ふと iOS 5になってから試してみると、しれっと1本指でスクロールできるようになっているじゃありませんか。さすがにアップルも仕様変更を余儀なくされたようです。

Source: h2oblog

デザインの練習で作成したもの

I made theme “Rebirth” of Geeklog  years ago.The image of this theme is “再生” .I dedicate this theme to Japanese northeastern people.

I made theme “Rebirth” of Geeklog years ago.
The image of this theme is “再生” .
I dedicate this theme to Japanese northeastern people.

つくれたー

  • よくわからないままつくってみました。

わたしんぶらー

  • こんばんは。