fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
価格のない売り場に立ちすくむ客。LPOは本屋と図書館 | 企業ホームページ運営の心得
図書館の多くは公営です。最近では来館者数や、貸し出し実績などで評価する自治体もあるようですが、来場者がゼロだからといって翌月すぐに閉館することはありません。貸し出しがなかったとしても、館内で催されたイベントに人が集まれば、自治体の住民サービスとしては成立しています。 一方、本屋は本の販売で生計を立てています。本の売り上げがゼロなら、来月の家賃すら払えなくなるかもしれません。本屋は「買う」ことで商売が成り立っており、立ち読みする客が1万人訪れても意味がないのです。 アクセス数（来館者数）が増えれば良いというアプローチが「図書館」で、単純にキーワードの上位表示を狙うだけの「SEO」はこちらに近く、店を訪れた客に購入してもらうところまでを考える「本屋」のための仕掛けや方法論が「LPO」ということです。 訪問者は多い方が良い。ここで思考停止しているあなたのために今回は超簡単なLPOについて。 経済
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
Appleのウェブデザインから学ぶ、ディテールを強化する9つのポイント
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に使用しないと、とても素人くさい外見になってしまいます。 良いドロップシャドウを作るには、2つの重要なポイントがあります。 シャドウは繊細にする。 ページ内の光源は一貫したものにする。
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
NY Timesが「Huffingtonリブログ」に負ける理由 | WIRED VISION
前の記事 IBMのスパコンが、クイズ問題を間違えた理由 NY Timesが「Huffingtonリブログ」に負ける理由 2011年2月17日 メディア コメント： トラックバック (0) フィードメディア Felix Salmon 先日AOLに巨額で買収(日本語版記事)されて話題を呼んだ『Huffington Post』は、『The New York Times』(NYT)等の記事をもとにしてブログ記事を書いているが、その「リブログ」記事の人気は元の記事よりはるかに高い。その実例を見てみよう。 左側がNYT、右側がNYT記事を「リブログ」したHuffington Post NYTの記事(2月8日のスクープ)には93件のコメントが寄せられているが、『Huffington Post』(HuffPo)の「リブログ」記事への反応はその比ではない。記事執筆時点[2月9日]で、『Facebook』では
HTML5の完成は3年後--W3Cの決定の背景
Hypertext Markup Language（HTML）の次版は何年も前から開発が行われているが、完成までにはまだ数年かかる見通しだ。 具体的に言うと、World Wide Web Consortium（W3C）のHTML Working Groupは米国時間2月14日、HTML5を推奨標準として正式に認定するのは2014年第2四半期になるとの見通しを発表した。この長いスケジュールは、HTMLを流動的に更新される「生きている標準」にしようという別の取り組みとは対照的だ。 「われわれは2007年から（HTML5に）取り組んでいる。7年でHTML5を完成させることが目標だ」。W3CのHTMLアクティビティリーダーを務めるPhilippe Le Hegaret氏は米CNETに対しこのように述べた。 HTML5は、1999年にHTML 4.01がリリースされて以来、初めての改定版となる。次世
サイトの「目的と構成」を、まず図解する 第1回 | 1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善
このコーナーでは、Webサイトを1万円で「小さく」作って、それを運用しながら効率良く改善・最適化していく方法を解説する。 「SEO」「アクセス解析」から、「Webマーケティング」「CMS」、さらに「UX」「IA」「フロントエンド技術」まで……。とにかく覚えることが多いWebの世界。専門性を高めるのも大事だが、すべてはつながっていることを忘れないようにしてほしい。分業は組織がスケールするための工夫の一つに過ぎない。完璧を目指さず、もっと力を抜いて、バランスの取れた効率が良い、Webサイトの構築・運用方法を提案したい。それも抽象的な方法論ではなく、具体的でマネができる実践的な方法で。 そこで、サイトを戦略的に安価に短期間で立ち上げ、運用しながら最適化していった過程と結果を、具体的に紹介していく連載を始めることにした。数億円規模の各種プロジェクト経験から得たノウハウをもとに、小さく安価に実現でき
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
Facebookでファンページを作成する時に絶対参考になる記事を6つ紹介｜男子ハック
@JUNP_Nです。このたびFacebookで男子ハックのファンページを作ってみました。といっても結構前に作っていたのですがお知らせしていませんでした。 最近は多くのブロガーさん達がファンページを作っているみたいだし、男子ハックでも作ろうかと話していたので流行（？）に乗っかるためにファンページ作成にあたって参考になるサイトをまとめてみました。
Webで簡単に結果をだす方法。客を選べば格差社会が味方となる | 企業ホームページ運営の心得
21世紀も10年が経ち、ホームページについての理解も深まった、というのは我々業界人の思い上がりです。昨年、「仕事」をテーマにした小さな講演を、高校生向けに行いました。そこで「ホームページを作っている」と自己紹介したところ、終了後のアンケートに「そんな職業があることを知らなかった」と書かれていました。「業界」の外側に一歩踏み出せば、驚くほど知られていません。 ホームページ屋が「当たり前になる」ということに込めた意味は、すべての中小・零細企業が活用するようになれば、町内だった商圏が関東に広がり、関東から世界へとつながり、連れて日本経済が活性化されるであろうということです。だから私は同業者を応援します。 今回は連載200回直前スペシャル。ホームページ屋が簡単に結果を出す方法について。 商売として成立しているホームページ屋の社会的認知を高める最適解は「結果」を出すことです。街の看板やポスター、ある
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-889.html
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ
サイトに必要なコンテンツを“メタデータ”と“マッピング”で洗い出す 第2回 | 1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善
TechCrunch | Startup and Technology News
AI制作✕企業DX - サイバーエージェンシーby GDM
“DIY”でアジャイル・ユーザテスティング
UX の第一法則は「ユーザの声聞くべからず」