Microsoft PowerPoint - 20111001_android_ui_dp10info.ppt
プログラマとデザイナが共有すべき UIに関するAndroidの10の機能・改 @youten_redo（ようてん） 2011.10.01 デ部NT用再構成版です。 元資料はぐぐってね。 1 自己紹介 ようてん （@youten_redo） IT系リーマンです。Androidの仕事をしています。 LTだいすき つくったアプリ どれもマイナーでごめんなさい 他 本（元）資料のターゲット 3 みんなA社仕様：A社 プログラム ：B社 デザイン ：C社 分担を明確にする際に 便利かも いらないかも 4 仕様：A社 プログラム ：B社 デザイン ：C社 使用タイミング ・選定時に ・発注前に ・要件説明時に （・社内教育に） 5 仕様：A社 逆ではあまり役立たないかも プログラム ：B社 デザイン ：C社 ×デザインありき のUIをどう実現し たらいいのか ○Androidが得意 としているものを
Android UIデザインのための10のTips - Superdry Memorandom :-p
古い記事(2011年5月)ですが下記リンクからピンポイントなとこをまとめメモ。ユーザの操作とかは日本ではちっと違うなーてとこもありますが、おおむね役立つと思います。 10 Tips For Android UI Design 1.起動画面の体験性 以下のポイントが2、3秒で理解できるようにしないとダメ。 ココはどこで ココでは何ができて ココからさらに進んだところで何ができるか ユーザはアプリを理解するために時間を使いたがらない。マニュアルなんておいても見ずに何かのボタンを押してしまう。 上記のGowallaの画面では、パスポートがゆっくりと開いたあと、自分の個人情報に素早くアクセスでき、簡単なサジェスチョンとそれ以降のアクションと通知を表現している。 2.全ての入力には価値がある 端末が本当はどのように使われているかを確認する。 ほとんどの場合、親指1本で操作している時間がほとんど*1
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
)
Windows ユーザー エクスペリエンス ガイドライン
Windows ユーザー エクスペリエンス ガイドライン 更新日: 2009 年 8 月 24 日 Windows ユーザー エクスペリエンス ガイドライン 概要版 ダウンロード (XPS、15.9 MB | PDF、6.08 MB) 本ドキュメントは以下の方々を対象としています 開発者、設計者、デザイナー、プログラム マネージャー Windows 上で動作するアプリケーションのユーザー エクスペリエンスを設計・デザインするには、Windows のデザイン原則を共有して、他の要素との親和性を考慮し、ユーザーが混乱なしに効率的に操作できるようにする必要があります。この冊子では、特に Windows 7 の新機能であるタスク バー、リボン、タッチなどに対応した、優れたユーザー エクスペリエンスを持つアプリケーションの設計・デザインに役立つ情報を収録しています。 この冊子の内容は、Windows
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
常に新しい端末に適応する
指定できるリソース修飾子 前回は、端末における画面以外の特性に修飾子を付けることによって、それらの特性に応じてリソースを自動的に切り替えるという方法を解説しました。 最終回の今回は、前回のおさらいを兼ねて、リソースに指定可能な修飾子の一覧を示すとともに、リソース・マネージャが参照する端末の特性をコード側から取得する方法を示します。 最後に、リソース関連以外で重要なポイントとして、端末に搭載されているセンサー・デバイスを確認する方法や、状況に応じて最適な位置情報取得元（ロケーション・プロバイダ）を選択する方法について解説します。 これまで、リソースにさまざまな修飾子を付けてきましたが、あらためて、指定可能な修飾子を一覧すると、次の表（図1）のようになります。 これらの修飾子を複数指定する場合は、表の上から下の順番で指定します。例えば、言語と地域（ja-JP）を指定して、画面の向き（port、
石井裕「特別寄稿 ユビキタスの混迷の未来」
ヒューマンインタフェース学会誌 Vol.4 No.3 2002 特別寄稿 ユビキタスの混迷の未来 マサチューセッツ工科大学 メディアラボタンジブル・メディア・グループ 石井 裕 ユビキタスの文脈は今ひどく混迷している。「至る所に ある」という「ユビキタス」の辞書的な意味が転じて、日 本のメディアでは「いつでも・どこでも」ネットアクセス できる多様性に富んだモバイル・コンピューティングとい う意味で使われているように見える。一人一台を越えて、 各人がたくさんのコンピュータを使う未来像は、小型情報 通信機器販売促進の旗としては、確かに有効な宣伝コピー ではある。 しかし、「いつでも・どこでも」（any time、any place）は、 何ら新しい概念ではなく、かつて「高度情報化社会」や「マ ルチメディア社会」が華々しく論じられた時に、何度も出 てきたスローガンだった。では、ユビキタスに
タブバーに見る“Google Chromeの設計思想” (1/2) - ITmedia Biz.ID
Googleがリリースしたことで大きな話題となったWebブラウザ「Google Chrome」。1日でシェアの1％を獲得したという調査結果が発表されたり、利用規約の一部が問題になったりと、リリース後数日経っても話題には事欠かない。実際に使ってみた人はどのような感想を持っただろうか。 Google Chromeのタブの位置、便利？ Google Chromeをダウンロードした多くのユーザーとおそらくは同じように、筆者もここ数日はほかのブラウザと併用しながら使用感を試している。Gmailはさくさく表示してくれるし、テキストエリアを自由に拡大縮小できるなど便利な機能もあって楽しいのだが、ちょっと手こずっているのがタブの切り替え動作だ。 これまで使ってきたブラウザでは、マウスジェスチャでタブを切り替えていたのだが、Google Chromeではマウスジェスチャは使えない。慣れてしまえば、［Ctrl
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」 インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。 Modern Web UI Set 様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Mobility: set of mobile UI elements アプリケーショ
企業向けアプリのUIはどう設計されているの？――日立デザイン本部に聞いてみた
企業向けアプリのUIはどう設計されているの？――日立デザイン本部に聞いてみた：「モックアップを何十個も作る」 アプリケーションの使い勝手には、機能と同等にそのインタフェースが影響する。実際のデザイン業務はどのように進められているのだろうか？ デザイナーに聞いてみた。 「デザイン」という言葉に対して、どのようなイメージをお持ちだろうか。記者の場合は、雑誌編集を経験していることもあり、誌面やポスター、パンフレットなどのデザイン（いわゆるDTP）を連想する。もちろんインテリアや、あるいはファッションデザインを想起する人もいるだろう。 こういった分野では、プロダクトに占めるデザインの役割が明示的であり、分かりやすい。だが実際には、われわれが手にし、あるいは目に、耳にするプロダクトは（程度の差こそあれ）デザインされたものであり、そこに意匠を施した組織、人物が存在する。もちろん工業製品においても例外で
We'll be back shortly
Google Maps & Label Readability Why are Google Maps’s city labels more readable than those of other maps? 2010 “Clutter is not an attribute of information, clutter is a failure of design... fix the design rather than stripping all the detail out of the map.” — EDWARD TUFTE I’ve been trying to figure out why Google Maps’s city labels seem much more readable than those of other mapping sites. For in
暦本純一教授「デザインの身体性 身体性のデザイン」ノート - A Successful Failure
2010年11月08日 暦本純一教授「デザインの身体性 身体性のデザイン」ノート Tweet 11月3日に秋葉原UDX マルチスペースで開催された第三回インタラクションデザイン研究会(SIGIXD)では、大変興味深い講演、質疑応答が行われた。本エントリでは、東京大学暦本純一教授（@rkmt）による「デザインの身体性 身体性のデザイン．Augmenting Real, Augmenting Humans」についてまとめたい。なお、本エントリは講演テキストではなく、必要に応じて改変、注釈の付与等を行ったノートである。講演内容自体は、こちらでUST録画が公開されているので確認して欲しい。なお、本エントリ中で掲載している図表は全てリンクを示している、各論文、紹介ページからの引用である。 一番伝えたいこと Augmented Human、つまり人間をテクノロジで拡張できるとしたらどうなるか。 究極の
安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ 次世代テレビ勉強会で Google TV のデザインに関してお話したことを載せておきます。 Designing for Google TV Google TV のためのデザイン 10 foot UI とは？ 10 foot User Interface ISBN13:978-6130257934 $49 ←けっこう高いくせに、コピー紙綴じたようなショボイ本です。 YouTube Leanback http://www.youtube.com/leanback Mozilla/5.0 (
驚きの便利機能も...iPadの次期モデルに採用される新仕様が判明!?
驚きの便利機能も...iPadの次期モデルに採用される新仕様が判明!?2010.09.29 17:00 iPadの進化は止まらない... どういうわけか中国からリークしてきたアップルの特許情報なんですが、次の新モデルから30ピンのドックコネクターポートが底部のみならず左側面にも装備されて、ドックには縦置きでも横置きでもオッケーになるみたいですよ。これは意外と便利に重宝しそうですよね～ おまけに｢スマートベゼル｣と名づけられた謎の新機能も見当たります。どうやら縁のコーナーベゼルにタッチすることで、音量や画面の明るさの調整、ズームインならびにズームアウトの設定なんかが素早く行なえるようになる感じですよ。ゲームのコントローラー代わりになったりもするのかもね。 それにしても、なぜこの流出した特許画像では、スマートベゼルが左下のコーナーのみに限定されているんでしょうかね？ 四隅にセットされれば、もっ
DEVZINE » Blog Archive » 自作のテーマを作ってWidgetをカスタマイズする。(その２．テーマによる属性値の切り替え)
アプリケーションでテーマを切り替えるようにしたい場合。例えば、黒ベースのテーマと白ベースのテーマをユーザーに選択させたい場合はこんな感じで切り替えてやることもできる。 Source code onCreate { setTheme( isLight ? R.style.CustomLightTheme : R.style.CustomDarkTheme ); setContentView( R.layout.main ); } 前回の内容のような共通スタイルを切り替えるだけであればいいけれど、ImageButtonのandroid:srcなんかは個別に指定する必要があって、白テーマと黒テーマで違う画像を使用したい場合については次のような方法をとる。 まず、res/values/attrs.xmlに切り替えるための属性を宣言する。 <declare-styleable>は属性を宣言す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能 - ReDo
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
【インタビュー】「日本の弓道から着想」 - Xperia arcのデザインを開発者に聞く (2) 最薄部8.7mmの薄型ボディを実現 | 携帯 | マイコミジャーナル
TechCrunch | Startup and Technology News
Page not found - MindMeister