Mobile Patterns - UI UX Inspirational Gallery for iOS and AndroidSign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria
mixi for iPad Ver 2.0 リリース記念 iPad 風フォトビューアの作り方 - mixi engineer blog
初めまして。11 新卒の田村と申します。 好きな食べ物は卵でございます。 現在は iOS 公式クライアントアプリ開発を行っており、主に mixi for iPad の開発を行っております。 そんなおり、12/14 に mixi for iPad Ver. 2.0 がリリースされましたー！８８８８８ 今回のアップデートの目玉機能は コメント、メッセージのプッシュ通知機能 mixi フォト用フォトビューア機能 でございます。私はこのフォトビューアの開発を行っておりましたので簡単に宣伝させていただきます。 今回の mixi フォト用フォトビューアは、mixi にアップロードされている写真を iPad の大きな画面で閲覧することができ、更にそこからその写真に対してイイネ、コメントを簡単に行うことができます。iPad ならではのシームレスな操作感を実現しておりますので iPad をお持ちの方は是非お
MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介
Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形（フィードやJSON等）で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItはYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ
画面メモを意識した携帯サイト制作 (ユーザビリティ実践メモ)
PCをほぼ/全く利用しない「インターネット＝携帯電話」ユーザは、携帯で情報収集を行う際、画面メモを好んで使用します。 (なお、サイトによっては「後で見る」機能が提供されていますが、その場合でも画面メモが優先的に使用される傾向があります。) このとき、ユーザは「めぼしいものをさっさとチェックしたい」という心理でいるため、画面メモのタイトルを自ら変更することはありません。閲覧しているページのページタイトルがそのまま画面メモのタイトルとなる場合がほとんどです。 従って、携帯サイトを制作する際には「画面メモリストを後から見ても、何のページか分かるようなページタイトルをつける」という配慮が重要です。 例えば、ある賃貸物件検索サイト(仮にサイトの名前を「住宅情報ビービット」とします)では、次のような状況が発生しました。 ユーザは条件を変えながら物件を検索し、その中で、めぼしい物件ページをいくつか画面メ
複数カテゴリ検索のインターフェース (ユーザビリティ実践メモ)
Webサイトの検索機能で、「テキスト」と「画像」、「ニュース」と「製品情報」など、複数のカテゴリを切り替えて検索できる機能を提供しているものがあります。今回はその切替の方法について考えます。 ある金融情報サイトで、企業名でサイト内検索を行ったところ、「記事」カテゴリでの検索結果が0件と表示されました。 このとき、結果が0件だったことを認識したユーザは、ページ上部のタブをクリックして「株価」に切り替えました。このとき 自分がクリックしたタブが切り替わる（アクティブなタブが濃い色になる） という変化で、ユーザには自分が別のカテゴリに移動したことが伝わりました。 しかし、検索結果部分の見た目に変化がなかったため、ユーザは「どちらのカテゴリにも自分の求める情報がない」と判断して、このサイトを立ち去りました。 このページではタブ切り替えだけでは再検索されず、新しい画面で改めて「検索」ボタンをクリック
便利なモノにつきまとう不快さ：D・A・ノーマン氏にきく「配慮のある技術デザイン」
―人間とコンピュータや電子機器、ロボットなどの関わり合いが増したことで、人間にはどういう変化が起きると思われるでしょうか。いくつか挙げてもらえますか。 長年の間、わたしは「われわれが技術に適応するのではなく、技術がわれわれに適応するべきだ」と言ってきました。しかし、今ではこれは間違いだと思っています。専断的な技術に適応する必然性はありません。他方において、われわれの現代生活の大部分が、暖房システムや照明、電話、テレビなどわれわれを囲む技術への適応そのものでした。 もし以前のわたしが携帯メールについて予想を聞かれていれば、「これは難しすぎてだめでしょう。大体『C』を入力するのに3回もボタンを押すなんて馬鹿げている」と答えたことでしょう。しかし、人はそれを学んだばかりでなく、非常によく慣れました。このように、適応は起こります。 それから余談ですが、わたしはこの適応には年齢は関係ないと考えていま
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
Life is beautiful: 日本語とオブジェクト指向
先日、日経BPの出版局の方と話をする機会があったのだが、私がマイクロソフトでウィンドウズ９５の開発に関わったことに触れた際、「ユーザーインターフェイスの設計において、日本人であることで何か役に立ったことはありますか？」と聞かれた。日本人であることがプラスになったとは思わないが、ふと思い出したことがある。当時、「日本語はオブジェクト指向な言語だな」と思ったことである。 その当時（９０年代初頭）、アップルの方が使い勝手に関しては一歩も二歩もマイクロソフトより進んでおり、そのためには、もともとゼロックスが提案しアップルが商品化した、「オブジェクト指向ユーザーインターフェイス」の考え方を、より推し進めるしかないという戦略で、ウィンドウズ９５のユーザーインターフェイス（当時は Object-Oriented Shell と呼ばれていた）の開発をしていた。 「オブジェクト指向ユーザーインターフェイス」
＠IT：Webアプリケーションのユーザーインターフェイス［1］-1
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス（特にGUI）デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
インタフェースの話 - naoyaのはてなダイアリー
一つ前のインタフェースの話。いろいろフィードバックをいただきました。ありがとうございます。 >
高齢者を意識したサイト制作 : ロケスタ社長日記
50ism-あなたのブログが見えにくい人がいます- こんなツールを発見しました。ブログなどの文字を大きくしてくれるツールです。自分のブログに貼り付けることができます。 このツールは50歳以上の高齢者のために作られているようです。こういうプラグインはこれから増えていきそうですね。 使い勝手をよくするのがユーザービリティです。たいていの人が、見易さや使い勝手に気を使っているのですが、問題になるのが、「自分とは違うタイプの人のことは想像できない」ことですね。 たとえば、高齢者の人たちは、実験で「検索フォームを使ってページ内を移動しようとする」という結果が出たことがあります。つまり、文字を読んで知りたい情報を取得しようというより、検索フォームに知りたい意味の単語を入れてダイレクトにいこうとするらしいです。 しかし、そういった実験の結果内容はなかなか知ることができません。たとえば、６歳くら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
brass.to - a really cool domain parked on Park.io
OKボタンの位置はどこが適切?