UI考 – ざっと見る、じっと見る | fladdict
英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て（スキミング）、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て（スキャニング）いく。英文速読では、この２つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを
stock.xchng - the leading free stock photography site
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
話題のアプリ『Clear』のUIを独自実装してみた！(+Gumroad)
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきます。 このエントリーの最後に、Clearと同じくなにかと話題のGumroadでテストアプリを公開していますので欲しい方は是非！ (※ 更新：内容が古くなったため公開は終了しました) では、まず目次をば。 。。と、その前に前のエントリーで書きそびれてしまった事があったので。 ようこそタッチフリーの時代へ！画面に触れずに本が読める、MagicReaderを発表！ – STUDIO LOUPE こちら、
Beginning Storyboards in iOS 5 Part 1
Update 10/24/12: If you’d like a new version of this tutorial fully updated for iOS 6 and Xcode 4.5, check out iOS 5 by Tutorials Second Edition! Note from Ray: This is the second iOS 5 tutorial in the iOS 5 Feast! This tutorial is a free preview chapter from our new book iOS 5 By Tutorials. Matthijs Hollemans wrote this chapter – the same guy who wrote the iOS Apprentice Series. Enjoy! This is a
Android デザインを訳してみた
Android Designというサイトがなかなか面白かったので訳してみました。 アプリを作る上で気をつけるべき事を一般論とAndroid特有の事がそれぞれ書かれてあります。 ようこそAndroid Designへ これはAndroidアプリの優れたデザインをする方法を学ぶためのものです。 クリエイティブビジョン 目次 始めに・クリエイティブビジョン ・デザイン原則 ・UI概要 スタイル・デバイスとディスプレイ ・テーマ ・タッチフィードバック ・測定基準とグリッド ・タイポグラフィティ ・色 ・アイコンデザイン ・文章の書き方 パターン・NewAndroidでの新しい事 ・ジェスチャー ・アプリの構造 ・ナビゲーション ・アクションバー ・マルチペインレイアウト ・スワイプビュー ・セレクション ・通知 ・互換性 ・純粋にAndroid 開発用の部品達・タブ ・リスト ・グリッドリスト
テスト可能なUI設計パターン – 第１回 Androidテスト祭り 発表資料 - the sea of fertility
2011/8/6 第１回 Androidテスト祭りの発表資料を公開します。.NETクラスタという先入観を持っていただきたくなかったので、自己紹介スライドは最後にさせていただきました。でも非常に空気のよい場だったのでそんな配慮は不要だったかもしれません。 反省点としてはやはり伝え方です。設計パターンに対する意識がすでにある方には届くみたいですが、あまり今まで意識していない方に、どうやって今後伝えていくべきか、きちんと今後考えていきたいと思います。 一応補足として、WPF/SilverlightでのPresentationModelパターンの実装パターン?であるMVVMパターンについて、どういった必然性がWPF/Silverlightにあるのかはこちらに書いてありますますので、興味を持っていただける方はどうぞ。 MVVMパターンとは？ わんくま同盟東京勉強会 #60 セッション資料 the
9patchを覚えよう！ - 明日の鍵（跡地）
角丸が綺麗に表示されない！ ボタンを作りました！ 角丸のボタンです。 早速ボタンの背景に設定しました。 なんてこったい 設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう！ そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合（今回は画像よりボタンが大きかった） 引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです！ Fireworksでいう所の9スライスという機能に似ています。 先ほどのボタン画像に9patchの処理を施してみます。 できました！ 上側と左側に黒い1ピクセルが見えますでしょうか？ ちょっと拡大します。 拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。 上下左右それぞれ意味があります。 上と左の印は必
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
使いやすさのテスト - jkondoの日記
あるサービスのリニューアルが最終調整に入っている。今回はこれまでの開発に比べてさらに明確に、「この人が使えなければ意味が無い」というベンチマークを定めて開発を行っている。 もっと具体的に言うと、総務のid:snishiyamaとid:mucccuが迷わずに使えるようになるまでは出しちゃだめ、という合格ラインを決めて開発をしている。 そんなの普通やるだろうと言われるかも知れないが、これまではそこまで明確にラインを設けてはいなかった。サービスの開発が終わった後に、ユーザービリティテストとして何人かに使ってもらって手直し的に改善を加える事はあっても、開発の初期段階から「この人が使えるように作る」という事を決め、開発途中の段階で頻繁にテストをして方向修正を加えるような事は少なかった。 しかし、ここが明確に決まっていると、「この作りで彼女はちゃんと迷わずに使えるだろうか」とより具体的に考えながらイン
Google Experimental Search
Google is always experimenting with new features aimed at improving the search experience. Take one for a spin and let us know what you think. Join an experiment and you'll see that feature whenever you do a Google search. Your selected experiment: You have joined the experiment. Your current experiment is no longer available. Try out a different one below. Note that you can only join ONE experi
JavaScriptの独自右クリックメニューについて - spiritlooseのはてなダイアリー
この前のやつ、やっぱり独自右クリックメニューはどうも、、、という方がかなりいらっしゃいますね。 http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 http://del.icio.us/url/a6a762c5c08a6984df69f9d022c35312 http://clip.livedoor.com/page/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 言いたいことはこの前のでほとんどなんだけど、せっかくなのでもうちょっと書いてみる。 基本的には言いたいことは前回の なんでこんなもん作ったかって言うと、Webアプリはそろそろ独自右クリックメニューは許されてもいいかなぁと思ったので。 その辺のサイトでやられると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 // Speaker Deck
Windows ストア アプリの UX ガイドラインの索引 (Windows)
http://hmdt.jp/blog/?p=88
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
5秒でUIButtonをクールにする方法
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android