30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
iPhone用のWeb制作は、すばらしき諸先輩方のブログなどがあるので、こちらではmixiアプリ スマートフォン版について言及していきます。（もちろんちょいちょい他TIPSも出しますが） 今回はmixiアプリ スマートフォン版において、技術的に「こういうコトができる／できない（やらない）」ことを見ていきます。 できるコト 基本的には後述の「できないコト」以外は、ほとんど制限を受けません。が、「なんだこれ？」とハマって解決できたコトはありました。 ページ遷移時にページトップへ移動する これは結構ハマる方多そう。mixiアプリ スマートフォン版が、という限定ではありません。iframeで読み込んでいるコンテンツ全てに起こります。 iframe内でページ遷移をすると、スクロール位置は保持したまま次のページを表示してしまいます。この仕様、わけわからん。。 解決方法は簡単、リンク先の末尾に「#」を付
あなたのサイトは大丈夫？--ECサイト3つのチェックポイント
夏のボーナスシーズンがやってきました。こんな景気ではありますが、ボーナス、エコポイント、定額給付金と、ECサイトでは様々な商戦が繰り広げられています。 ユーザーの購買意欲がかき立てられるこの時期にちなんで、今月はECサイトを検証しました。特に今回はECサイトの検索機能に焦点を当てます。被験者は男女混合5名、「Amazon.comとYahoo!ショッピングにて、食器洗い洗浄機を買う」というタスクを課しました。はたして被験者たちは満足のいく買い物ができるのでしょうか？ ストレス1：「商品が見つからない！！」 被験者D（20代男性）は、Yahoo!ショッピングにて「食洗機」と検索窓に打ち込みました。その結果が下記の図です。 図1：ユーザーが検索結果を見た際の視線の様子。赤い線は視線の動きを、丸は視線の滞留時間の長さを示す。検索結果が見られていないことがわかる（※画像をクリックすると拡大表示します
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
さらばプルダウン！ 地図で入力できるWebフォーム
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。運悪く1日に何度もこの作業が発生するとうんざりする。 そうした、「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。CogniTom Academic Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。 地図とはいっても、ご覧のようにいい意味でざっくりとしたデザインで、非常に
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なんだかちょっと使いにくいかもしれないフォームのデザイン集