fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
[Developers Summit 2011]これからのRIAの話をしよう〜システムの利用者と開発者にやさしいＵＸとＵＩ設計について〜
This document discusses topics related to web development including Rich Internet Applications (RIA), user experience (UX), user interface (UI), developers summit, and various technologies like Flash, Silverlight, HTML5, and references many images and websites. It appears to be notes from a conference or presentation covering front-end development topics and technologies.Read less
![[Developers Summit 2011]これからのRIAの話をしよう〜システムの利用者と開発者にやさしいＵＸとＵＩ設計について〜](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a6f2d906dfdd7fd279c7ff57c213a3c072c0de3/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fdevsumiria-110219003714-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Human Interface References by M.Yasumura
ヒューマンインタフェース 100+α冊の本 by. M. Yasumura. 2008. May 12 updated. ＜ 今回お勧め図書(☆)＞ ☆ D.A. Norman, 岡本明, 安村通晃, 伊賀聡一郎, 上野晶子共訳, エモーショナル・デザイン 〜微笑を誘うモノたちのために, 新曜社, 2004. ☆ トム・ケリー＆ジョナサン・リットマン著, 鈴木主税・秀岡尚子共訳, 発想する会社！, 早川書房, 2002. ☆ バイロン・リーブス, クリフォード・ナス共著, 人はなぜコンピュータを 人間として扱うか〜「メディアの等式」の心理学, 翔泳社, 2001. ☆ D.A. Norman, 岡本明, 安村通晃, 伊賀聡一郎共訳, パソコンを隠せ, アナログ発想でいこう！, 複雑さに別れを告げ、へ, 新曜社, 2000. ☆ ウィリアム M. ニューマン, マイケル G. ラミング,
ユビキタスの街角: 便器洗浄
立ち上がると自動的に流されるおせっかい形のトイレなんじゃないでしょうか。 体勢を変えたらセンサーの具合でまだ座っているのに水が流されたりして好きではないですが。 もともと押す必要がないと思っていたのかもしれません。
NTT DoCoMo｢N702is｣：バッテリー残量を水として表示
知ってる人はもう知ってると思うのですが、改めてDoCoMoのN702isは素晴らしいですね。 N702isは、バッテリー残量を、グラスの水のようなイメージで表示します。携帯を傾けると、モーションセンサーが傾けた角度を感知して、画面上の水面も右や左に傾ける仕組み。 この種の遊び心は素敵です。応用編でヤジロベーとかもやってみたらいいのに。 An Interesting Way of Showing Battery Status [Slashphone]
iv.xight.org - 情報視覚化
■ Information Visualization の用途 情報検索 データ解析 プログラムデバッグ ■ Information Visualization に必要な技法 必要なものだけ表示する技法 画面の表示可能領域に制限 情報を選択的に表示 ズーミング手法・フィルタリング手法・重要度計算手法・画面を歪ませて表示する手法 e.t.c. 全体と詳細を同時に見る技法 全体を概観しながら詳細も見ることが可能 ズーミングの応用 抽象データの画面へのマッピング技法 表示すべきデータがユーザ操作により変化 表示すべき情報をどのような位置，形，色で表示するか グラフの自動配置手法・階層構造の表示手法 e.t.c. 自動レイアウト技法 重なりがちゃんと見えるように グラフの自動配置手法の一つ？ インタラクション技法 直接操作によって画面を移動・拡大させたり，条件を変更して動的検索を行ったりする手法
FlyakiteOSX - Modify . Simplify . Aquafy [The Official Site]
Welcome This site and its contents are not endorsed, associated or affiliated with Apple Computers, Inc.© in any way. While we are thankful to the Hard Drive Recovery Group for their critical help with specialized Mac recovery services that helped return this site to glory, with its warts and all. Here are their data recovery prices. There are few data recovery services out there that are as affor
プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか? (エムディエヌ・ムック―インプレスムック) - higepon blog
プロとして恥ずかしくないWEBデザインの大原則―正しいWEBデザインのルールを知っていますか? (エムディエヌ・ムック―インプレスムック) 出版社/メーカー: エムディエヌコーポレーション発売日: 2005/01/01メディア: 大型本購入: 2人 クリック: 46回この商品を含むブログ (33件) を見る いわゆるプログラミングに関わる技術に関しては、自分なりに勉強方法・何が肝心か等が分かるようになってきました。 一方で仕事でもMonaでも、とても重要な役割を果たすユーザーインターフェースやデザイン等の知識・経験・センスの欠如が最近ずっと気になっていました。 もちろん勉強はしてみるのですが どこから手をつけてよいか? 何が肝心か? 等々。戸惑うことばかりです。 そこでid:yaneurao師匠もお奨めのこの本を読んでみました。 今の仕事内容に直結するような内容なので、とっかかりとしても良
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitpic
Google Code Archive - Long-term storage for Google Code Project Hosting.
Engadget | Technology News & Reviews
ホイールを回すと写真がぱらぱら切り替わります