アンチパターンから考えるアプリケーションデザインの理想形｜Goodpatch Blog グッドパッチブログ
デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界（特に、プログラミングの領域）においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
UIは画面サイズと解像度だけで解決できなくなる - ワザノバ | wazanova
http://wordpress.tv/2014/11/05/luke-wroblewski-from-the-front-lines-of-multi-device-web-design/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 WordCamp San Francisco 2014におけるLuke Wronblewskiの講演です。UIデザインで考慮すべきは、画面サイズと解像度だけでなく、視聴距離、ポスチャー（詳細後述）、周囲の明るさという要素も必要になってくるという話。 スマホ端末を両手もしくは片手で持つ場合を合わせて、75%のユーザは親指を使って操作している。 タブレットのランドスケープモードとポートレートモードの利用比率は、6:4とか7:3とか言われるが、要は両方に対応する必要がある
45000種類のモダンなUIをパーツごとに検索できるサイト「UICloud」 | ライフハッカー・ジャパン
「UICloud」は45,000以上のモダンなUIをパーツごとに検索できるサイトです。ボタンやメニューなどのデザインを検索することができ、さらにそのパーツをPSD形式でダウンロードすることも可能です。 以下に使ってみた様子を載せておきます。まずUICloudへアクセスしましょう。 このようにパーツごとにカテゴリわけされています。カテゴリから絞り込むこともできますし、フリーワードで検索して探すことも可能です。 ダウンロードボタンがあり、ここからPSD形式で素材を手に入れることができますよ。モダンなUIを探しつつ、素材も手に入るのは助かりますね。ぜひUIをデザインする際にご活用ください。 UICloud （カメきち）
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
UXという考え方を知る上で重要な3つの要素とは？ / Maka-Veli .com
本当は書くの嫌なんですが、あえて突っ込んでみました。 こういうのは個人的考えを出し合って理解を深め合った方がより良いと思ったためです。 前回は、UXデザインという切り口で書きましたが、ふわっとした印象のUXについて、個人的に重要としている点を挙げていきます。UXの根本的なところは色んな所で書かれてますので、UXとはなんぞや？というようなモノは省きます。 まず前提として、UXは「体験や感情」という人の本質部分の背景的な考察、 更に「不変的な事実」、そしてフロントの「UIへの適用」が重要ファクターだと考えています。 これらを掘り下げて説明する能力も無いわけですが、我々が慣れ親しんだ部分で言うと、 わかりやすいところ以下の3つがあるかと。 1. 今までの体験 「今までの体験」という点をデザインに取組む、これは「デザイン」の原点的なモノだと考えています。 以前にも書いたんですが、デ
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち
筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値アルゴリズム研究室(NPAL) 五十嵐 悠紀 2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値アルゴリズム研究室（NPAL）に在籍し、CG／UIの研究・開発に従事する。プライベートでは二児の母でもある 何か製品を考える時、そのものがカタチのあるものであっても、はたまたコンピュータの中で動くソフトウエアだったとしても、「ユーザーインターフェース（以下、UI）」について考える必要があります。さらには、わたしたちが日常生活においてストレスなく過ごせている裏側には、さまざまな人によって考えられてきたUIデザインが隠されていたりもします。 わたしは滞在先のホテルで、洗面所に入ったものの出ようとした時に
UI, IX, UXデザイン，あるいは，スパイラル・モデル型UXデザイン | 8 million IDs
全く放置気味のこのブログだけど，最近UXデザインに関する話題が散見されるので，そろそろ筆者が過去に提案したデザインメソッドを応用して，UXデザインフレームワークでも構築してみるかと思い立った次第．せっかくなので，UIデザイン，IXDデザイン，UXデザイン，サービスデザインまで含めたテキストをつらつらと書きとめておくことにした． まずは，UIデザイン，IXデザイン，UXデザインについて，それぞれ説明するところからはじめよう． UI，IX，UX UIデザイン UI(User Interface)デザインは，ユーザからの情報の入力とシステムからの情報出力を実現する境界面のデザインである(図1)．UIデザインの場合，原則UIそのものに時間軸が存在しないため，平面もしくは立体物を表現するデータ，物理的に接触可能なオブジェクト，あるいは，システムへ情報を送ることのできる装置それ自体のデザインを指す．
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
インタフェースデザインやインタラクションデザインがなぜ重要か？ | インタラクションとデザイン
はじめに 人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに本質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言ってもいいほどだ。 この文章は、インタフェースやインタラクションだけにフォーカスし、その視点から、それがいかに重要であるかを記述する試みである。 *書いた後に思うことは、僕自身はインタフェースはコンピュータから外に向かっていて、コンピュータの中を操作すためのものじゃないこと。だからこんな発想になる。でもこれはユビキタスコンピューティングや実世界指向など一連の思想の流れの結果だとは思っ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
参考にしたい！デザインに優れた33個のiPhoneアプリ
Tweet 最近、自分のセンスのなさをなんとかしたいため、デザインに関する話題をチェックしているのですが、iPhoneアプリのデザインに関する素晴らしい記事を発見したのでご紹介。 素晴らしいデザインをもったアプリ33個が紹介されています。 以下にそのアプリとそれに関する日本語記事をまとめました！ 1. Momento 多機能メモアプリ。キレイでみやすいインターフェイスですねー。 【参考】 Kuroobisan’s Memo: iPhoneライフスタイルアプリ『Momento』 2.Groups 電話帳アプリ。振り分けなど煩雑な操作もやりやすい設計になっているとか。 【参考】 Groups: 連絡先データの整理に使えるアプリ。連絡先データの削除においては神。350 3.Epicurious アメリカ版クックパッドのアプリ。優れたインターフェイスが特徴とか。 4.Be Happy Now 5.
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
企画が考えるスマホUIデザイン
iPhoneアプリのUIパターンを集めた『Mobile Patterns』 | 100SHIKI