Good to great UI animation tips
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon. To create these animations, I followed the guidelines from
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Google I/O 10で発表された5つのAndroidのApplication UIデザイン - 酢ろぐ！
未だにピンとくるAndroidアプリのUIが思いつきません。AndroidではアプリのUIに統一感が無く、メーカー製のアプリも標準アプリとは異なるデザイン感のUIになっています。 普段仕事ではiPhone、プライベートではWindows Phone7とそれぞれの世界観があるプラットフォームで開発を行っているので、ある程度定石というか及第点を貰える様なUIを提案出来るようになっておきたいわけです。 UIの統一性がないのはWindows Mobile自体に苦労してきたので悶々と悩んでいます。この頃Facebookや勉強会の懇親会でAndroidのアプリUIのベストプラクティスについて質問する事が多くてすみません・・・ 色々と探していると、FacebookやTwitter for Androidでも採用されていると思われる5つのAndroidのApplication UIデザインガイドを見つけま
近未来のモバイルデバイス技術5選 | WIRED VISION
前の記事 都会の忍者「パルクール」動画5選 自然の中のフラクタル：画像ギャラリー 次の記事 近未来のモバイルデバイス技術5選 2010年10月29日 IT コメント： トラックバック (0) フィードIT Priya Ganapati フィンランドNokia社のNokia Research Centerでは、魅力的な近未来のモバイルデバイス技術を研究している。自由に形を変えるデバイスを装着できたり、モバイル機器が周囲の匂いを「嗅いで」化学物質を検出したり、モニター上に手触りが生じたりといった技術だ。以下に詳しく紹介していこう。 どの画面もタッチスクリーンに変える Photo: Priya Ganapati/Wired.com Nokia研究所では、リビングのフラットテレビから、研究で使われる大型モニターまで、どんなディスプレーでもタッチスクリーンに変える実験がおこなわれている。必要なのは、
[CEDEC 2010]「スーパーマリオ」の上ボタンはなぜ押される？ ゲームプレイの記録からゲームの本質に迫る，立命館大学上村研究室の研究報告
[CEDEC 2010]「スーパーマリオ」の上ボタンはなぜ押される？ ゲームプレイの記録からゲームの本質に迫る，立命館大学上村研究室の研究報告 編集部：touge CEDEC 2010では，ややアカデミックよりの発表も多数行われている。その中から「テレビゲームとはなにか ―ゲームプレイの記録と分析を通じて」と題されたセッションを紹介しよう。 「CEDEC 2010」公式サイト 立命館大学 衣笠総合研究機構 研究員／講師 尾鼻 崇氏 この講演の主旨は，ゲームそのものではなく，ゲームを遊ぶ人間にの側に焦点をあてることで，ゲームの本質（遊技性）に迫ろうというもの。セッションでは，立命館大学 上村研究室でこの研究を行う上村雅之教授と，同研究室の研究員である尾鼻 崇氏が登壇し，本研究の現状と展望についての報告が行われた。 セッションは，まず尾鼻氏による上村研究室の紹介から幕を開けた。立命館大学では上
![[CEDEC 2010]「スーパーマリオ」の上ボタンはなぜ押される？ ゲームプレイの記録からゲームの本質に迫る，立命館大学上村研究室の研究報告](https://cdn-ak-scissors.b.st-hatena.com/image/square/39685984edd4064a24841c49bbf0dd2facc7dc7c/height=288;version=1;width=512/https%3A%2F%2Fwww.4gamer.net%2Fgames%2F105%2FG010549%2F20100902089%2FTN%2F016.jpg)
Togetter - まとめ「【完結】ファミコン版『ドラゴンクエスト1』がどんなに素晴らしいか延々と語る」
ニカイドウレンジ @R_Nikaido 『ドラクエ1』の導入は本当に凄いな。最初の王様との短い会話で「自分の役割：勇者」「旅の動機：竜王は倒すべき存在である」「旅の目的：竜王を倒す」という、ゲームを始めるにあたって必要な情報が全て分かる。たったひらがな280文字でだよ。たった2ツイート分でそれだけの説明をしてるんだよ！ ニカイドウレンジ @R_Nikaido 『ドラクエ1』導入のさらに凄いのは、最初の部屋がまんまチュートリアルになってるところ。自動的に「会話のしかた」「宝箱の取りかた」「扉の開けかた」「階段の使いかた」が学べる作りになってる。部屋から出る方法を模索することがそのまま学習に繋がる。意識させないチュートリアル。
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
Tiny Fluid Grid - Build Fluid grid based websites
Aptoide APK is the best alternative to Google Play Store, where you can download paid applications and games for free. There might be plenty of alternatives to the Play Store, but some of them come with threats or malware. If you install those apps on your … Here’s a step-by-step guide to Making NJ Surcharge and Traffic Ticket Payments Online. In this blog post, I will introduce you to a useful on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
UIデザイン
GitHub - mpociot/titanium-facebook-slide-menu: Example of how to implement a facebook like sliding menu in appcelerator's titanium mobile
一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側
J-tokkyo
Engadget | Technology News & Reviews
http://www.apptoiphone.com/2010/07/bmwios-4ipod-out2011.html
IDEA * IDEA
