オブジェクトベースなUIデザインに取り組むための心構え｜usagimaru ⌘ Satori Maru｜note
オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにも OOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上 OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的（タスクベース）な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す
UIデザイナーに必要なのは、決定力のあるデザインを作る能力｜坪田 朋
※過去ブログからの移転 最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事のいくつかに目を通すと、デザイナーは「経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、現場デザイナーに最も大事なのは実装面での考慮事項が網羅されて考え込まれた「決定力のあるデザイン」を作る力だと思う。 サッカーで言うと、決定力は「得点を決める能力」として使われているけど、UIデザインにおいては「実装面まで考慮された実装可能なデザインであるか」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、内容がかなり異なってくるので、現場デザイナーとしては特にこの
三井住友銀行アプリについてお話します。｜SMBC DESIGN
こんにちは！三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 本題に入る前に…、お伝えしたいことがあります。 三井住友銀行初！2019年度グッドデザイン賞を取りました！！（ぱちぱちぱち） デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。 それでは本題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ
CXO Night #7 デザイン会社経営のリアル参加レポート｜KYOTA KONNO
CXO Nightのnote枠で当選したので久しぶりのnote投稿。 今回はインハウスではなく、デザイン会社のパネルディスカッション。 イベントページはこちら これからの時代のデザイン・クリエイティブ会社の成長戦略 ・牧野 圭太 / 株式会社カラス代表 エードット取締役副社長 ・杉浦 太一 / 株式会社CINRA代表取締役 ・築地 ロイ 良 / BIRDMAN代表 / Creative Director ・モデレート：土屋 尚史 / 株式会社グッドパッチ 代表●この10年でのデザインクリエイティブ業界の変化 ・想像力があればなんでもできたFlashの終焉 ・話題になるものを作ればユーザーが広げてくれる時代に社会が変わってきた ・自社メディアをやることで様々な案件がくるようになった ●この時代でクリエイティブの会社を経営する楽しさと難しさ ・経営は楽しくないｗ お金と責任の問題がつきまとう。
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
重要視されるためのデザイナーの条件 : could
内輪受けは止めにしようではないか LSD LAB で公開されている UIデザイナー不要説は、テクノロジーと付き合うデザイナーであれば一読しておきたい記事のひとつです。私が記事を読んで感じた課題は、 UI デザインが重要視されているかどうかということではなく、果たしてデザイナーは デザインを営業できているかどうかというところです。 たとえビジネスゴールが共有されていたとしても、デザイナーが考える UI デザインの価値と、それ以外の方が考える UI デザインの価値が異なることがあります。特にデザイナーが考える価値は、内輪受けになりやすいことが多々あるように思えます。デザイナーが「すごく良いよね」「イケてるね」というものは、ほとんどの場合デザイナー以外には理解されません。内輪で分かりやすい言葉や感覚で語りかけても、聞き手は「？」（価値を感じない）になってしまいます。 今でもデザイナーのなかでは「
fladdict 深津貴之氏講演会 @Samurai Startup Island
10月7日、TiltShiftGenerator などのiPhoneアプリで有名な、fladdict 深津貴之氏の講演会に行ってきました。 テーマは「使いやすいUIをつくる基本」。 聴衆の割合はエンジニア1/3、デザイナー1/3、ディレクターまたは経営者1/3でした。その場での挙手のアンケートにより「UIの手触り」「プロトタイピング」に重きをおいて話していただくことになりました。 以下、講演メモです。 確実に失敗できる10個のテクニック はじめは「こうすれば確実にプロジェクトに失敗しますよ」というお話。 裏返すと、「こうすれば成功できる10個のテクニック」ということになります。 ＜確実に失敗できる10個のテクニック＞ 1. リサーチなしにつくる そもそも需要はあるのか？競合は？技術は？ 2. 利用シーンを考えない 3. 競合製品の劣化コピーをつくる 買う理由がない、市場飽和、アップデートの
UXの本質について | underconcept
ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 １．UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく
人間中心設計プロセスに欠けているのは具体的なモデリングの手法: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これはもうほぼ断言してもいいと思いますけど、"ISO13407：Human-centred design processes for interactive systems（インタラクティブシステムの人間中心設計プロセス）"の弱点は「設計による解決案の作成」に用いる具体的な手法の提案がないことだと思っています。 たとえば、以前、「人間中心設計（Human Centered Design＝HCD）で使う主な手法」というエントリーで、こんな図を描いて、 人間中心設計＝ユーザー中心のデザインで使われる主な手法を以下のように整理しました。 利用の状況の把握と明示：フィールドワーク（観察法）、コンテキスチュアル・インクワイアリー、ワークモデル分析ユーザーと組織の要求事項の明示：ペルソ
情報設計の重要性、わかってますか？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ひさしぶりにユーザビリティの話です。 ただし、最初に言っておきますが、Webの話じゃないのであしからず。 ユーザーインターフェイスのサイズと情報の構造化情報設計を行う際には、情報をその内容に応じて、階層構造化します。 この情報の構造化が意味をもつのは「生きていることの科学／郡司ペギオ－幸夫」でも書いたように、情報量（コンテンツ量／機能の種類など）とユーザーインターフェイスの物理的なサイズとの関係から「部分情報問題」が起こりえるからです。 このように問題を定義するならば、これからのインタフェースは「部分情報問題」になるといわざるをえない。なぜならば、インタフェースにかかわる情報はより複雑化して増大する傾向にあり、ユーザーがこれらの多くの知識を個々の機械に対して把握することは容
クリ☆ステ特別版 UIデザイナーの今とこれから ~現役UIデザイナーによるUIデザイナーのためのセミナー~ 2013年11月19日 - 隣り合わせの灰と青春
クリ☆ステ特別版 UIデザイナーの今とこれから ~現役UIデザイナーによるUIデザイナーのためのセミナー~ 2013年11月19日 毎日の料理のためのUIデザイン クックパッド株式会社 池田拓司さん ▼クックパッドについて。 「毎日の料理を楽しみにして心からの笑顔を増やす」をスローガンとしている。 利用ユーザーは男性15%、女性85% ▼デザイナーをとりまく開発環境 エンジニアとデザイナーで50名 うちデザイナーは８人。 ・クックパッドはユーザーの体験に沿った組織構造をとっている。 ・プロジェクトの規模は１週間?３ヶ月まで様々ある。 ▼サービス開発の特徴 ・ユーザーへの密着・駆動開発 共感（インタビューなど） ↓ 限定公開 ↓ 行動ログ・指標評価 ↓拡大公開 ・根源的なユーザー理解 EOGS（Emotion-oriented）という独自の指標を使っている。 ・ユーザーの声を集める ・説明な
Unheap - A tidy Repository of jQuery Plugins & JavaScripts
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
ユーザー・エクスペリエンスについて考える人に読んで欲しいクリッペンドルフの『意味論的転回−デザインの新しい基礎理論』（石橋秀仁）
クラウス・クリッペンドルフ (Klaus Krippendorff) の『意味論的転回−デザインの新しい基礎理論』 (The Semantic Turn – A New Foundation For Design) という本をご存知でしょうか。 『意味論的転回』は、「デザインとは、そもそも何なのか？」という根源的な問いに答える哲学書です。そして実践的手法を紹介する本でもあります。デザインの思想と実践が、一冊のなかでつながっています。 〔この文章は、デザインとユーザー・エクスペリエンスについて考える人に『意味論的転回−デザインの新しい基礎理論』を読んでもらうために書かれています。また、UX Advent Calendar 2013 のために書かれました〕 序論と概観 この本の目的は次のように述べられています： 本書は、専門的な実践としてのデザインと、人間に一般的に備わっている活動としてのデザ
デザインの決定に役立つビジョンの共有
9月24日 Samurai Startup Island で、久々に短めのプレゼンをしました。トピックは UX という広く浅いテーマということもあり、最初は登壇をお断りしようと思っていました。しかし、スタートアップとして奮闘している人たちと今まであまり接点がなく、他の登壇者の話に興味があったので、参加を決めました。参加者からの質問がたくさん出たパネルディスカッションも含め、よいイベントだったと思います。 作れば良いという時代ではない 昨年「スタートアップとデザインについて」という記事を執筆しました。当時と今では、状況は少し異なるところがあります。国内外問わず、インタラクションデザイン、インターフェイスデザインの質は向上していますし、そこへの投資（時間とお金）をしなければならないという認識も高まっています。 しかし、良いと思われるデザインを『導入』すれば品質向上につながるという誤解は未だに強
【インタビュー記事】日本人初のDribbblerに聞く、優れたUIデザイナーになる為の秘訣とは: 後編 | Goodpatch Blog
先日アップした「【インタビュー記事】日本人初のDribbblerに聞く、優れたUIデザイナーになる為の秘訣とは: 前編」の後編です！ 後編では貫井伸隆氏のデザインが生み出される作業環境やスキル向上の為にやっていること、デザインをする上で大切にしていることなどについてインタビューした内容をまとめました！ 貫井伸隆氏のDribbbleページ→ https://dribbble.com/nobtaka ーー貫井さんは普段どんな環境で作業されていますか？ （↑貫井氏の自宅作業環境） メインで使っているマシンはiMacの27インチモデルで、他にApple Cinema Display 23インチも使っています。周辺アクセサリーはUS配列のキーボード、Magic Mouseを使っています。 ソフトはPhotoshop、ピクトグラムを作る時にIllustratorも使いますね。他には slicy、xSc
「誰のためのデザイン？」よりも「何のためのデザイン？」 - UXploration
'Without meaning in our lives, life would be pretty meaningless.' - Darius Pocha 生きるための意味が失われていくと、生きていることそのものに意味がなくなってしまう。それは（ユーザ）エクスペリエンス・デザインにおいても同じことが言えると思います。 優れたユーザエクスペリエンスを実現するために HCD（人間中心設計）への理解を示す企業が増えてきている一方で、手段の目的化という危機に直面してしまっている事態から早急に回避すべきであると考えます。ユーザエクスペリエンス・デザインに携わっている人のバイブルとして親しまれている「誰のためのデザイン？」は我々に顧客中心主義という新たな視点をもたらしてくれました。結果として HCD（人間中心設）が社会的に普及するきっかけにもなりました。ただ、「誰のためのデザイン？（Who）」以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近よく見かけるレスポンシブ対応のUIコンポーネントやレイアウトがよく分かるHTML, PSD, Sketchの素材 -Now UI Kit
クリステ特別編 UIデザインの今とこれから #crsp3 にいってきた
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
