UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
Android Action Bar をカスタマイズする
Android Developers Blog: Customizing the Action Bar Action Bar のデザインパターンを紹介してから、多くのアプリケーションが Action Bar を使うようになりました。 そして、このデザインパターンは Android 3.0 でデフォルトの機能になりました。 Honeycomb をターゲットとしたアプリで Action Bar を使う方法は using Action Bar を参照してください。 Theme.Holo.* を継承した独自スタイルを定義して、ここで Action Bar をカスタマイズしていきます。 <style name="Theme.MyTheme" parent="android:style/Theme.Holo.Light"> … </style> ■ Icon Android Asset Studio
Say Goodbye to the Menu Button | @blog.justoneplanet.info
Say Goodbye to the Menu Button（原文）の記事を途中まで結構適当に翻訳してます。何か問題がありましたらお知らせください。 Android 3.0 (Honeycomb)以前、全てのAndroidデバイスはメニューに専用のメニューボタンを含有していた。開発者として、関連したオプションをユーザに表示するためやアクティビティのビルトインオプションメニューを使うためにメニューボタンを使うことができた。Honeycombは物理的ボタンへの依存をやめ、ユーザーオプションからのアクションを素早く表示させる一般的な解決策としてActionBarクラスを紹介した。最も直感的で一貫性のあるユーザーエクスペリエンスを提供するために、デザインをメニューボタンの使用からアクションバーの使用に移行するべきである。これは新しいコンセプトではない（アクションバーパターンはHoneycomb以前
Android:Menuボタンの廃止とActionBar
Android3.0 (Honeycomb)以前のアンドロイド端末はMenuボタンを備える必要がありました。 しかし、Android3.0で物理的なMenuボタンへの依存が排除されたため、Menuボタンを持た ない端末が登場しました。 ●Honeycomb以降のMenuボタンに変わるもの Honeycomb以降は物理的なMenuボタンを持つ、あるいは持たない端末の両方をサポートする必要があります。(Menuキーを持たない端末としてGalaxy Nexusがあります) Honeycomb以降でもオプションメニューはサポートされています。 オプションメニューにアクセスするためのUIとしてMenuボタンの代わりにActionButtonとOverflowButtonが用意されました。 ●Gingerbread以前との互換性 Menuボタンを持たない端末でGingerbread以前を対象としたアプ
AADESIGNS INFO
Penjelasan Olymptrade Forex Olymptrade merupakan salah satu broker daring yang menawarkan produk trading bagi investor. Olymptrade Forex adalah salah satu produk yang ditawarkan, yaitu trading dengan instrumen foreign exchange atau kurs valuta asing. Olymp Trade berdiri sejak tahun 2014 dan sampai kini melayani para investor untuk mengembangkan asetnya melalui trading. Dengan popularitas trading s
「文書保存のあのマークは何なの？」の時代へ。思考が停止してしまったUIデザイン （神田敏晶） - エキスパート - Yahoo!ニュース
Windows 8 Office2013 PowerPoint の保存アイコンマイクロソフトの最新OSのWindows8を入手して、バツイチ知人の、子どもに見せびらかしていた。 すると、このマークは「保存」でしょ。でも何のマーク？と尋ねられた。 ボク「フロッピーだよ」 彼女「フロッピー？」 という怪訝な顔…。 すでに256KB1.44MB しか入らない、フロッピーディスクを日常、見かけることはすっかりなくなってしまった。 しかし、教育業界では、予算がつかないと今でもフロッピーディスク付きのワープロで仕事をしているところが少なくないと伺う。 このカタチが保存するマークのメタファーとしてデザインされてからすでに数十年が経過している。 フロッピーが存在する間は、これでも良かったが、ハードディスクやUSBメモリ、そしてクラウドがこれだけ増えているにもかかわらず、「保存する」に対しては、今となっては
【UI】これですよ！コレ！本が探したくなる電子書籍ストアのUIって！
音声配信業界のニュースまとめ👇👇👇 無料ニュースレターを購読する Yoshihiko Yoshida フリーIT講師。「マツコの知らない世界」「王様のブランチ」「ZIP」などTV出演多数。教育システム情報学会会員。元立教大学/第等文化大学非常勤講師。主な著書「Googleアナリティクス基礎講座」（技術評論社）。 ＞＞もっと読む @creator_enewsをフォロー ＜＜お問い合わせはこちら＞＞ ・プライバシーについて 当ブログではGoogleアナリティクスとcookieを用い、個人を特定しない範囲でアクセス状況を記録しています。Google側ではその情報をGoogleアカウントと紐付けパーソナライズ広告に利用しています。その情報は取り扱いに注意しつつ、内容充実や企画立案など、皆様のお役に立てるよう活用しています。 パーソナライズド設定をオフにするには、Google公式ページを御覧く
増井俊之の「界面潮流」 第51回 縦書き主義 | WIRED VISION
第51回 縦書き主義 2011年1月17日 ITメディアデザイン コメント： トラックバック (0) フィードITメディアデザイン （これまでの増井俊之の「界面潮流」はこちら） 日本語というシステムは面倒も多いですが、独自のメリットもあると考えられます。 一音ずつ発音を数えやすいので俳句やしりとりのような遊びができる 漢字とかなを使い分けられるので速読しやすい また、これらに加え、 縦にも横にも書くことができる という特徴は現在の日本語表記システムの大きなメリットだと思います。 縦書きも横書きもできることは情報視覚化において有利です。縦長の領域に文字列を書きたいとき、英語などの場合は90度回転してテキストを書かなければなりませんが、日本語だと縦書きすれば問題ありません。実際、横書きの書籍でも背表紙は縦書きになっています。 下の古い案内地図では、俯瞰された地形図に対して短冊型の地名が縦に表示
blog｜解像度に依存しないモバイルユーザーインターフェース(2010/08/24) | Ext Japan Blog
この記事は8/23に掲載された「Resolution Independent Mobile UI」を訳したものです …または… ピクセルはピクセルじゃないんです。 「SASSとCSS3のメリット（the benefits of SASS and CSS3）」（英語、未訳）という記事の中で、解像度に依存しないユーザーインターフェースを実現するためにSencha Touch内で活用しているテクニックについて簡単に解説しました。今回の記事では、読者がUI開発を行う際に役に立つように、そのテクニックについてもう少し詳しく解説してみたいと思います。 概要 この記事はアダプティブなレイアウトや、レスポンスの良いWebデザインについてのものではありません。この記事は、デザイナーにとって比較的新しい関心事となった、「ピクセル密度」に注目したものです。モバイル環境において、画面の解像度は急速に進化しています
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
iPadのUIをスクリーンショットで見てみる | iPadWalker.NET
・設定 まず設定画面です。 iPhoneと違い、File Sharingの項目が増えてます。 ・Safari Safariから見たYouTubeの画面。HTML5で閲覧するようです。 Safariでオーディオ再生したところ Googleのサジェスト ・バッテリー ・ロックスクリーン 追記： 右隣のアイコンはフォトフレームボタンのようです。（via : TiPb） ・ウェブクリップ 四角い。 （via : 9to5Mac） 【関連記事】 iPad Proはまさに本のようになる 米国では来週からiPadが事前予約できる？ AppStoreからのダウンロードファイルサイズが20MBへ拡大 iPad風ノートパッドで手書きメモ iBook StoreのDRMはFairPlayが採用されるらしい 米WiredがiPad向けに電子書籍を夏に配信 マイクロソフト、Office for iPa
Interaction Design Pattern Library - Welie.com
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
ねぇ、自分でちゃんと使ってみた？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いやー、久しぶりにいくつかのケータイの最新機種をちょっと評価するために触ってみたけど、予想以上にひどい状況でした。 特にタッチパネルのついた機種はひどかったですね。使いにくいどころか、使えない機能がある機種もちらほら。 まさに、料理は運ばれてきたけど、「あのー、箸はないんですか？」という感じで、機能は目の前に提示されてるけど、肝心の操作方法がない。仕方なく隠れている通常のボタンを出して、これまで通りの操作をするという具合。 それって売っていいんでしょうか？と思うものもありました。どこのどの機種とはいいませんが。 そこで思うのは、これって売りだす前に実際に誰か使ってみたりしてるんでしょうか？ということ。 それくらい、専門家評価（例えば、ヒューリスティック評価）以前のユーザビリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「TIZEN」「Firefox OS」に対応したHTML５アプリ制作ソリューション【MatrixEngine for JavaScript】をリリース
http://aadesigns.info/guideline/actionbar/
Engadget | Technology News & Reviews
23歳の「元」Apple・UIデザイナー - tatsdesign's posterous
New Product by The New York Times
Tutorial GOMS (Kieras)