Apple’s big AI rollout at WWDC will reportedly focus on making Siri suck less
デスクトップやスマフォやタブレット向けのページやアプリのユーザインターフェイスには、多種多様なアニメーションが使用されています。 ユーザーの助けになるよう目的にあった有意義なアニメーションを実装できるよう、ユーザーのインタラクションにフォーカスを合わせカテゴリに分けたMeaningful Transitionsを紹介します。 Meaningful Transitions アニメーションは、目的ごとに6つのカテゴリに分けられています。 下記に、6種類のアニメーションのカテゴリと事例をいくつか紹介します。 Orientation Spatial Extension Awaking Controls Highlight Feedback Feedforward Orientation オリエンテーションは表示されているオブジェクトから別のオブジェクトを表示するもので、スクロール、ポップアップ、ス
iOSアプリのUIを爆速で激ヤバにする2つのライブラリ:生産性ガチアゲなオープンソースiOSライブラリ(2)(1/4 ページ) ゼロからiOS SDK開発を始める新規開発者でも超高速・高品質な開発を可能にするオープンソースのライブラリを目的別に紹介していく連載です。実際にライブラリを組み込みながら技術的な側面も併せて詳細に説明していきます。今回は、Clearのような折り畳みやFlipboardのような本めくりエフェクト、Twitterのようなプルリフレッシュを実現する方法を紹介します。 「あのアプリのあの機能」を実現するEGOTableViewPullRefreshとMPFoldTransitionを使ってみた 「良いアプリの条件」というと何が思い浮かぶでしょうか。例えば、誰も実現してない機能を実装していたり、パフォーマンスが良かったり、動作が安定していたり…… とさまざまな意見があると思
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。 次のように、多数のフォーム入力ウィジェットが追加で利用できます。 フォントは見たままで表示されて、selectから選べるので便利そう。 UIデザインもいい感じ。 関連エントリ Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapのテーマで良い感じに動くオート
もともと只のソフトウェアエンジニアだったのですが、最近になって肩書きが長くなりました。 何やってるのか やることが増えました。 UI設計 ワイヤフレーム作成 ビジュアルデザイン プロトタイプ開発 開発 エンジニアの頃は、一番下の普通の開発しかやってませんでしたが、ここ最近は上記のことをまんべんなくやっています。ワイヤフレーム作成では、アプリやウェブサイトの設計書となるワイヤフレームをOmniGraffleでガリゴリ書いています。その次のビジュアルデザインでは、PhotoshopやIllustratorなどを使ってアプリやウェブサイトの実際の見た目のデザイン作業をやっています。プロトタイプ開発では、実際に動作するプロトタイプ(ハイフィデリティプロトタイプって言うらしい)を作ってUI上の問題を解決していくということをやっています。UXに関してはこれらの作業全てを通じて改善に貢献するということを
ティーンは、自分のウェブを扱う能力に(過剰に)自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ
fladdictさんところで話題になっていた『エレベーターの閉じる/開くボタン、間違って押す。あそこのUIはよくない』という話。いろんな人を巻き込んで、こういうUIなら閉じる/開くを押し間違えないぞ、というUIアイディアコンテスト状態に。なんて面白いことやってるんだ俺も混ぜろ!ってことで考えてみたのだけれど、どうにもデザインを提案しているみなさんの方向性が皆して『ひらくボタンを目立たせよう、大きくしよう』という方向に。詳細はこちらのNAVERまとめ参照。 ........なんでやねん!と。100回言いたい。 何十年と使い込まれたエレベーターを見て、とじるボタンのほうが明らかに押されまくって印刷がかすれたり、傷だらけになったりしているのをみんな知ってるだろうに。ひらくボタンは緊急性が高いから目立たせようという話なんだろうけど、だったら故障時の緊急呼び出しボタン(係員と電話するアレ)のほうが1
【教えてくん】コミュニティーなのです。 なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ お洒落を目指して、使いづらくなるサイトが多い件。 : ひろゆき@オープンSNS ひろゆき@オープンSNS (ひろゆき@オープンSNS) 投稿者, @ 2013-01-10 10:57:00 お洒落を目指して、使いづらくなるサイトが多い件。 はてなブックマークという、ソーシャルブックマークサイトのデザインが変わりました。 http://b.hatena.ne.jp/ なにやら、最近、サイトをお洒落にするってのが流行ってるみたいなんですよね。 iPhoneやらのappleがやってるデザインが流行のきっかけだと思うんですが、シンプルなので、使い方が直感的にわかり使いやすいので、説明が無くても使えるし、しかもお洒落と、デザインを考える人達から憧れられてるようです。 んで、はて
[iPhone App] 来たぞ!文字入力 UI の革命児 Twitter 投稿専用アプリ「Twitee Lite」 つい先日このアプリの予告動画に感動して以下のエントリーをしました。 ◇ [iPhone App] これはレビューするぞ!新機軸 Twitter 投稿アプリ「Twitee Lite」【動画あり】 | 覚醒する @CDiP とにかく現物を使わないことにはわからないなという意見でした、私は。 そしてついにリリースされましたってことで、使ってみました。 メイン画面。Twitterのアカウントは既にiOSに登録していることもあって、特にログイン操作などは不要でした。このあたりは便利ですよね。 つぶやきは左右の黄色のボタンを下にスワイプするだけで行けます。左右にあるというのは左利き対応ということを意味します。うん、動画通り確かに指に負担がなくていい感じですね。その後のアニメーションもお
iPhoneの標準メールアプリは既読にするのが面倒だ。一通ずつ本文を見るか、一覧画面で「編集→マーク→開封済み」というタッチ操作をする必要がある。frasmで紹介されていた裏技を使えば複数のメールを一回で既読にできるが、できればタイトルを一つずつ見ながら選別したい。 そんなもどかしさを解決してくれるのが、2013年リリース予定のMAILBOX。 MAILBOXはGmail専用のアプリ。Sparrowのように一覧画面でのスワイプ操作に対応しており、Clearのようにスワイプだけで一覧から消す事ができる。一覧から消したメールを後で読む事もできるし、基本機能であるメールの作成や、プッシュ通知にも対応している。 是非こちらのプレビュービデオを見て欲しい。期待が高まるはずだ。 MAILBOXで既読にする場面を想像してみた。 ● Amazon → スワイプ● 楽天 → スワイプ● Apple → スワ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く