[B! UIUX] kazuomabuoのブックマーク

映画館のWeb予約システムは“エンタメ”となるか？　立川シネマシティの施策

そこで僕が考えたのは、割引等ではなく、混雑のリアリティを表現することでした。劇場にいるお客さんが﹁かなりの席が埋まっている﹂と感じ始めるのは、全座席数の6割が埋まった時くらいからです。7割を超えると、3つのブロックに分かれている劇場なら真ん中のブロックのほとんどが埋まります。こうなると﹁ほぼ満席じゃないか﹂と感じてきます。でもこの時点で、300席の劇場ならばまだ90席も空いているのです。この感覚を、モニタやスマホのスクリーンで再現できないか。座席が埋まっていくのが直感的に感じられれば、これは今のうちに席を押さえておこう、ということになるはずです。もちろん、両刃の剣でもあるでしょう。こんなに混雑しているなら他の映画館に行こう、と思われるかも知れません。それでも挑戦する価値はあると思いました。アイディアはいくつかありましたが、採用したのは“座席表に人を座らせる”というデザイン的な工夫でした

kazuomabuo 2017/05/25

UIUX

リンク

The SVG Font Machine | Glyphter

General FAQ Release Notes Feb. 26, 2023 Auto-resize option added in the settingsto allow overriding the default behavior of resizing an icon to fit the box. How do I make an SVG? You can export SVGs from any vector software like Adobe Illustrator, Inkscape or Sketch. File > Save As > SVG I already have an SVG font but I want to add more characters to it. Can I do that with Glyphter? Sure! Just dra

kazuomabuo 2017/01/24

リンク

自分が使いたいSVGアイコンだけをまとめて、フォントセットを簡単に作成できるオンラインサービス -Glyphter

SVGアイコンを自分で選んで、好みのセットをつくり、ダウンロードできる無料オンラインサービスを紹介します。使い方は簡単で、登録などの面倒なことも一切不要です。

kazuomabuo 2017/01/24

リンク

≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）

スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。︵サイトイメージは﹁グラシン工房﹂から︶まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。三本線を線︵border︶で囲い、ボタンらしく見せるデザインのパターン。他にもいくつかデザイン・表現方法がありますが、それは前に書いた﹁︻Web制作︼スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた﹂の記事をご覧ください。 ●アイコンだけ・文字付

kazuomabuo 2015/06/10

UIUX
design

リンク

【必読】ABテスト、グロースハックで参考にしたい事例＋関連記事9選

ホームページの改善には欠かせないのがA/Bテストです。複数の仮説を導き出して、仮説Aと仮説Bを比較するシンプルな検証手法の1つと言えます。このA/Bテストがヒントとなり、改善した結果、売上が数倍に上がったという例も少なくありません。最近では、グロースハックが話題となったことでもA/Bテストの重要性が再認識されています。今回は、A/Bテストの実例記事の中からオススメ記事とA/Bテストを行ううえで読んでおくべき10記事をまとめました。このニュースに興味のあるあなたにおすすめ・グロースハックを始める時に役立つ記事5選・広告に頼らずに成果を出せるグロースハックの概要と成功事例記事・会員獲得を目的としたグロースハック事例６選 1.ランディングページ最適化（LPO）事例で学ぶ問い合わせ数10倍の手法 http://liskul.com/lp_lpo3-5929 LPOにおけるA/Bテスト

kazuomabuo 2015/01/31

UIUX
Analyze

リンク

画像を分割もしくは合体させてパフォーマンスは本当に変化するのか? - Webパフォーマンスについて

これは、HTML5 Advent Calendar 2014の7日目のエントリーとして書いております。 2008年4月1日に初版が発行された、オライリー・ジャパンの「ハイパフォーマンスWebサイト」を未だに参考にされている方は多いと思います。ウェブページ内で、背景やボタン、ナビゲーションバー、リンクなどで多数の画像を使う場合は、CSSスプライトを使うのがエレガントな解決策です。そうすることで、マークアップが整理され、扱うべき画像の数も減り、レスポンスも高速になります。 ― 「ハイパフォーマンスWebサイト高速サイトを実現する14のルール」 Steve Souders著その部分を参照されてか、時折、「CSSスプライトを使うことで、HTTPリクエスト数が削減されて、高速化に繋がる」と書かれている方をお見受けします。しかし、それは本当なのでしょうか? そこで、今回、本当に効果があるのかど