fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
「重要情報はPDFやExcelではなくHTMLやCSVで」、地方自治情報センターが呼びかけ
東日本大震災に関連して、財団法人 地方自治情報センター（LASDEC）が、国民へ発信する重要情報をPDFやExcelではなくHTMLやCSVで提供するよう呼びかけている。容量が大きいファイルがサーバーや回線を圧迫しないようにすることと、携帯電話しか持っていない被災者でも閲覧しやすくすることが目的だ。 LASDECでは2011年3月18日に、地方公共団体へメーリングリストを通じて通知している。「アクセスが集中し、PDFやExcelファイル形式の場合、容量が大きく、サーバー・回線リソースを圧迫し、重要情報が閲覧できない事象が頻出しています」（LASDEC）。そこで、PDFやExcelファイルの代わりにHTMLやJPEG、CSVといった形式での提供を推奨。WordやExcelの文書も、「ファイル」メニューから「名前を付けて保存」を選び、ファイルの種類に「Webページ (*.htm,*html)」
片手入力ソフト「WKey」とは-製品情報 | 株式会社シグミックス
WKeyは、キーボード上の各文字キーのシングルタッチ、ダブルタッチを区別することによって必要なキーの数を半分に減らし、片手による文字入力を可能とする、常駐型キーボードユーティリティソフトです。右手でも左手でも使用することができます。 マウスの「シングルクリック」と「ダブルクリック」が区別されるように、キーボードのシングルタッチとダブルタッチを区別して、それぞれ別の文字を入力することができれば、必要なキーの数は約半分に減らすことができます。また、1つのキーに割り当てられた複数文字の切り替えにあたり、「シフトキーとの同時押し」や「ファンクションキーによるモード切替」等の操作は必要ありません。 「WKey」は、このシンプルかつ斬新なアイディアを、まずは普段使われているパソコン上で実現し、多くの方に体験していただけるよう、発案者である白川雅祥氏のご協力を得て開発したソフトウェアです。 → 動作環境
「日経パソコン」企業サイトランキング 2008---主要500社のWebサイトを評価
「日経パソコン」は、国内の主要企業500社を対象に、Webサイトの有用度を比較する「企業サイトランキング 2008」をまとめた。「基本情報」「ブランディング」「リスク管理」「使いやすさ」「アクセシビリティ（アクセスの容易さ）」の5分野、65個の調査項目への対応度を検証。その結果を得点化して、ランキングを算出した。 首位は、100点満点での95点を獲得した富士通。同社はWebサイトを作る上でのガイドラインを独自に策定しており、全社をあげて組織的にサイト構築を進める「Webガバナンス」に優れる。2008年3月には、グループ各社に至るまでのコンテンツの一元管理を実施している。2位は94.5点のNEC、3位には94点の日本郵政が入った。 日経パソコン2008年9月22日号で、調査の詳細を解説している。 ■企業サイトランキング 2008（上位21社） 順位 企業名 総合 得点 （100点） 基本 情
アクセス解析の罠--ユーザー行動観察調査の併用による解決
◆本コラムのサマリ ・アクセス解析はユーザーの行動パターンを明らかにすることができる有効な手法であるが、それだけではサイト改善は望めない。 ・効果的なサイト改善のためにはアクセスデータには表れない行動理由（ユーザー心理や背景）を把握し、精度の高い改善仮説を持つことが重要である。 ・ユーザー行動観察調査はユーザーの心理や背景理解を助ける手法であり、アクセス解析と併用することでROIの高いサイト改善が可能になる。 アクセス解析の罠 「アクセス解析だけでサイト改善はできない」 近年、アクセス解析はツールの進化とともに、ますます多くの企業で実施されるようになっています。インプレスR&Dの「インターネット利用動向調査報告書〈ウェブ担当者編〉2007」によると、2007年時点で、約48％の企業でアクセス解析が実施されています。今やアクセス解析はサイト改善のために欠かせない手法の一つとなっているのです。
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
島根県のホームページ管理システムがOSSとして無償公開，地元企業がRubyで開発：ITpro
島根県は2008年2月14日，同県の公式サイトで採用しているCMS(コンテンツ管理システム）をオープンソース・ソフトウエア（OSS)として無償公開した。自治体が開発したCMSをOSSとして公開するのは国内初と見られる。島根県に在住する技術者まつもとゆきひろ氏が開発したRubyで構築されており，同氏が在籍するネットワーク応用通信研究所が島根県の委託を受けて開発した。視覚障害者が利用しやすくするための機能を備えていることが特徴。 基盤ソフトウエアもオープン ソフトウエアの名称は「島根県CMS」。2006年から県の公式ホームページで稼動している実績がある（関連記事）。特徴は，パソコンに詳しくない職員でもコンテンツの投稿，編集が容易になるような管理画面を備えていることと，視覚障害者向けにアクセシビリティを向上させる機能を備えていること。 アクセシビリティ向上のための具体的な機能として，Webブラウ
Alertbox: 識字能力の低いユーザ（2005年3月14日）
識字能力の低いユーザは、高い識字能力を有するユーザとは違う読み方をする。流し読みはせず、一語一句を読み拾おうとするために視野が狭まり、要点を取り損ねてしまうのだ。 Lower-Literacy Users: Writing for a Broad Consumer Audience by Jakob Nielsen 2005年3月14日 ユーザーはウェブをどう読んでいるかを調査したのは1997年だった。ユーザーは、ページを流し読みし、興味のあるところだけを拾い読むことがわかった。以来、ユーザビリティの向上を狙ったコンテンツガイドラインが大きく変わることはなかったが、今日は一つ、ニュースをお伝えしたい。 これまでの調査では対象から外れていた識字能力の低いユーザーを調査対象に加えた。その結果、識字能力の低いユーザーは、インターネット上で、高い識字能力を有するユーザーとは根本的に異なる行動をとる
装飾およびレイアウト目的の画像の代替テキスト | アクセシビリティBlog | ミツエーリンクス
Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 2007年02月09日 装飾およびレイアウト目的の画像の代替テキスト アクセシビリティ・エンジニア 中村 本Blog上でも何度か取り上げておりますが、アクセシビリティ向上のためには画像の代替テキストは必須です。このことについては、JIS X 8341-3やWCAG 1.0、そして策定中のWCAG 2.0の草案でも、それぞれ表現は異なるものの明確に述べられています。例えばJIS X 8341-3の場合、5.4 a)において、以下のように記されています。 画像には、利用者が画像の内容を的確に理解できるようにテキストなどの代替情報を提供しなければならない。 また、HTML 4.01の仕様書でも、img要素のalt属性は必須であることが明記さ
画像置換という手法 | Web標準Blog | ミツエーリンクス
画像置換と呼ばれる一連のテクニック群があります。これはHTML文書でマークアップしたテキストを、CSSで画像に置き換えて表示させる手法を指します。たとえば、テキストはdisplayプロパティで隠したり、あるいはtext-indentやpositionプロパティを使って画面外に追いやり、画像を親要素の背景画像として表示させます。詳しくは、Dave Shea氏の記事「Revised Image Replacement」を参照してください。 画像置換は、マークアップに一切手を加えることなく画像を別のものに差し替えることができることから、デザイン変更が非常に容易という利点があります。またこの手法に少しばかり手を加えれば、JavaScriptに頼ることなくCSSのみでロールオーバー効果を得ることができるため、ナビゲーションのボタンに利用されているのをよく目にします。 しかし画像置換は、CSSが有効か
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
Ajaxのアクセシビリティ／実践ノウハウ − Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
特集記事：Ajaxのアクセシビリティ イントロダクション：Ajaxとは？ Ajaxのアクセシビリティを語る前に、まずAjaxとは何か、そしてAjaxがWebアプリケーションにどのような進化をもたらしているかを説明しておこう。 Ajaxという用語は、Asynchronous JavaScript and XML の略で、JavaScriptとXMLを組み合わせて用いる技術のことを指す。このAjaxを使うと、従来ならばWebページ全体をリフレッシュしなければならなかったインタラクションが、変化させたい部分だけを読み込むことが可能になり、操作性が軽快になるということで注目を集めている。たとえば、キーワードを入力して検索するとき、これまではキーワードを入力して検索ボタンを押すと、ページ全体がリフレッシュされて、検索結果ページが表示される、というのが当たり前だった。これがAjaxを使うと、検索ボタン
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance Dental Plans Free Credit Report Cheap Air Tickets All Inclusive Vacation Packages Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
keiyu.com - このウェブサイトは販売用です！ - keiyu リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
植木真の『アクセシビリティとWeb標準、SEO』 第１回／実践ノウハウ － Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
"守り" ではなく、"攻め" のアクセシビリティのススメ － 植木 真の『アクセシビリティとWeb標準、SEO』 第1回 JIS X 8341-3制定により進んだアクセシビリティ対応 2004年6月に JIS X 8341-3（『高齢者・障害者等配慮設計指針－情報機器における機器，ソフトウェア及びサービス－第三部：ウェブコンテンツ』）が制定されたことをきっかけにして、官公庁や自治体はもとより、企業サイトにおいてもアクセシビリティに積極的に取り組む企業が増えています。JIS 制定前後は、業種もIT関連がほとんどでしたが、最近では百貨店、新聞社、銀行、証券、食品、製薬など、業種に関係なく広がっていることは皆さんもご存知のことでしょう。ガイドライン整備や法制化では先行していた欧米などの海外諸国でも、最近は企業サイトでの取り組みが徐々に始まっているようですが、こと企業サイトのアクセシビリティ対応
Web2.0でもITベンチャーでも何でもいいけどさ、もう少しレベル上げろよ。 - Junnama Online
移転しました。 プログラムのバグ修正等やお知らせなどについてはこちらにもアップいたしますが、 今後は移転先のサイトをご覧ください。 →Junnama Online (Mirror) 「MovableTypeプラグイン アーカイブ」はこちら。 さらに私的なブログ「Junnama.com」はこちら で、言いたいのはそういうことではない。別に自慢する訳じゃねぇぜ。言いたいのはMacBook、というより新しいマシンを購入した理由なのだ。 オッサンはね、今や化石のようになったMacOS9のユーザーだった。DTPやってるわけじゃなくてWeb屋なんだが、エディタをはじめとして色んなツールを自作で作っていてそいつをOS Xに移行できなかったから、今のいままで移行に踏み切れなかったんだ。 ところが数ヶ月前からPowerBook G4(867Mhz)をOS9、OS 10.4のデュアルブートで利用するようになっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシブルな「パンくずリスト」 | necoze LOG2 [ネコゼログログ]![アクセシブルな「パンくずリスト」 | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
COULD：Webデザインに関する 15 の調査結果
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board
ユニバーサルデザイン - FUJITSU Japan
