スマホアプリ開発の最前線で使われている、UIデザインメソッド20(1) ユーザーを迷わせず、没入させるUIデザインの工夫(前編)
世にスマートフォンアプリが溢れ、入力デバイスがマウス、キーボードから指先に変わった今、UI/UX はどのように変化していくのか？ 雑誌Web Designingでは、アプリ制作の技術者から学ぶ当連載や、中村洋基氏をはじめとするクリエイターが登壇するセミナー、中国・上海のWeb制作会社訪問ツアーなどの豪華賞品が当たるアプリアワードを行う「 TapApp(タップ＊アップ)プロジェクト」をスタートする。連載第一回では、サイバーエージェントのゲームUIデザイナー櫻井瑶子が登場する。 スマホアプリ制作の最前線でUIデザイナーに求められるもの Web制作の延長で、スマートフォン向けサイトやWebアプリ、あるいはネイティブアプリの制作にかかわる機会が増えている。昨今では、Webキャンペーンにおいて、スマートフォンからのアクセスを考えないことのほうが珍しい。 言うまでもなくスマートフォンとPCではデバイス
Flash：99％有害
マルチメディアはウェブの役割のひとつではあるが、現在のFlash技術は以下の3つの点でユーザビリティを損ねる傾向がある。まず、デザインがダメになる可能性が高い。また、ウェブの基本的なインタラクションスタイルからも逸脱している。さらに、本来ならサイトの核となる値打ちを高めるために利用すべき資源を無駄使いしてしまう。 Flash: 99% Bad by Jakob Nielsen on October 29, 2000 ウェブサイトにFlashを利用すると、おおむね99％の確率でユーザビリティにとって病弊となる。めったにないことだが、よいFlashデザインというものも存在する（時にはサイトの価値を高めるのに役立っていることさえある）。だが通常は、Flashを利用するとユーザビリティは低下する。こういったマルチメディア・オブジェクトは、ほとんどの場合、削除した方がいい結果が得られる。 Flash
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.
利用者の立場を考えたペルソナ／シナリオ法による開発とは
Speaker 株式会社アプレッソ代表取締役副社長 CTO 小野和俊氏【ユーザビリティ研究会】では、ペルソナ／シナリオ法による開発の具体例などを紹介していきます。ペルソナを使ったことで発見された画面デザイン上の問題点や機能重複などをいくつか紹介する予定です。 リッチクライアント技術の登場・進展により、ソフトウェア・ユーザーインターフェイスの表現自由度が非常に高まり、いろいろなものが作れるようになりました。 ただ、いろいろなものが作成可能な道具が与えられたというのは、その道具を間違って使ってしまうことにも結び付き、それがこれからの課題だといえます。 HTMLを用いたWebベースのソフトウェアでは、ごく限られたソフトウェア部品しかなく、結果的にシンプルな操作性が実現されていた。そのように表現の方法が限られていたものが、いま自由に表現できる時代になろうとしています。その自由な表現が可能だという状
nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記
はじめに 【仕事における８０：２０の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode｜世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか？また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう？十分パワーアップしています。 そこに、多くの問題が発生したでしょうか？していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に８０％にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア
Kenya Hara On Japanese Aesthetics
What makes Japanese design so special? Basically, it’s a matter of simplicity; a particular notion of simplicity, different from what simplicity means in the West. So are things in general better designed in Japan? Well, actually, it’s not that simple… The New York Times asked us to put them in touch with Kenya Hara, creative director of MUJI and professor at the Musashino Art University. The NYT
国内19社のペルソナ利用事例にみる特徴と改善点 | カスタマーエクスペリエンスで道は開ける～フォレスター・リサーチのWebサイト方法論
[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 このコラムを読んでくれているみなさんは、「ペルソナ」という言葉をすでに何度も聞いたことがあるでしょう。新聞記事などで他社のペルソナ事例などをご覧になった人はたくさんいるでしょうし、ウェブデザインのプロジェクトのために実際にペルソナを作ってみようと決めた人もいるでしょう。 しかし、数年前だったら、日本ではペルソナを知らない人が多かったでしょう。確かに、この2～3年の間に、日本市場で多くの企業がペル
足すこと引くこと - レジデント初期研修用資料
「その道具を定義する動作」というものがあって、そこに何か新しい動作を「足す」ことは難しいし、 そこから何かを「引く」、あるいは「隠す」と、今度はその道具が持つ意味が書き換えられてしまう。 足すのは難しい 大学に入っていた電子オーダリングシステムは、自分のID と、パスワードとを打ち込まないと、 PCが稼働しないようになっていた。これがものすごく面倒で、結果として、誰かがログインしたら、 そのIDをそのまんま使い回したり、ログインしたあと、「次に使う誰かのために」、 ログアウトしないでPCをそのまんま放置したりだとか、ルール違反が当たり前だった。 近所の病院に入っているシステムはもう少し上等で、職員はみんなカードを持っていて、 PC備え付けのカードリーダーにカードを通すと、そのPCにIDが認識される用になっている。 ID を打ち込むのに比べれば進歩したんだけれど、カードをリーダーに通す、その
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
勘違いだらけのAndroid UIデザイン
デザイン | Android Developers
Iconfinder | Search through 128,345 icons or browse 347 icon sets
ソシオメディア | UIデザインパターン
IDEA * IDEA
http://www.designwalker.com/2009/04/wireframe-2.html