[B! ui] surume000のブックマーク

DeNA南場智子氏が語った「経営会議より、UI/UXが大事」なぜ今デザインなのか？ - リクナビNEXTジャーナル

DeNAとGoodpatchが合同で運営する「UI Crunch」から、若手デザイナーのためのコミュニティの発展を目的として誕生した「UI Crunch Under25」。第一回のイベントが渋谷ヒカリエで開催された。その基調講演でDeNA会長・南場智子氏は、「これからのデザインとビジネスの関係」をテーマに講演。何かの才能を持っている人や、ものをクリエイトできる人に対して、すごくコンプレックスを持っているという南場智子氏。なぜ今、デザインが大事なのか？その理由を、自らの失敗談とDeNAの事業戦略を交えながら語ってくれた。 ▲株式会社ディー・エヌ・エー取締役会長南場智子氏 1986年、マッキンゼー・アンド・カンパニー入社。ハーバード・ビジネス・スクールでMBAを取得し、96年、マッキンゼーでパートナー（役員）に就任。99年に同社を退社して株式会社ディー・エヌ・エーを設立、代表取締役社長

surume000 2015/12/01

リンク

http://www.uipalette.net/

surume000 2015/11/30

リンク

UXを定量的に評価する7つの基準で客観的にサイトを改善していこう | 【レポート】Web担当者Forumミーティング 2015 Spring

オンラインビジネスの成功のためには、ユーザーの意見を客観的に多数取得し、その数値分析から具体的対策を練ることが重要だ。当たり前のことだが、これができているサイトは少ない。 UXはたびたび、Webサイトやサービスの﹁使い勝手﹂を指す﹁ユーザービリティ﹂と混同されがちだが、UXとは単なる使い勝手ではなく、商品・サービスを含めた体験そのものを表す。 UXの概念を示すものとしては、ピーター・モービル氏が提唱した﹁UXハニカム構造﹂が有名だ。しかし、キーワードは英語で言葉の意味がわかりづらく、内容を理解するのは少々難解である。これを専門家以外にもわかりやすく、ゴメス・コンサルティングで編集したのが﹁サイト全体構造とUX7つの要素﹂だ。Webサイトの構造例と、それぞれに対応する7つのUX基準を記している。 1. アクセスのしやすさ﹁アクセスのしやすさ﹂とは、Webアクセシビリティやマルチデバイス対応

surume000 2015/06/17

リンク

優れたユーザーインタフェース（UI）を実現するチェックリスト36項目

︻img via tabletop assistant by MattHurst︼優れたユーザーインタフェースとは何か。どのようなデザインを﹁優れたユーザーインタフェース﹂と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる実際に使っている﹁ユーザーの声﹂を参考に買い物をする人は少なくない

surume000 2014/01/24

ui

リンク

Metro UIは「UXアプリ養成ギプス」 : 小野和俊のブログ

昨日、今日とWindows Developer Days(WDD)に参加してきた。二日間セッションに参加して感じたのは、﹁Metro UIは﹃UXアプリ養成ギプス﹄だ﹂ということである。デザインの原則がある。例えば原則のひとつに、”Content before Chrome”というものがある。これは、﹁コンテンツを主役にし、ツールバーやメニュー等のコンテンツへの没入を妨げるものは最小限にする﹂というものだ。こうしたデザインの原則やガイドラインがきちんと決められている、ということは重要なことではあるが、それ自体はさほど驚くべきことでもない。先日ブログに書いたように、最近の主要なプラットフォームには、大抵UX/UIのデザインガイドラインが定められているからだ。では私が何に驚いたかというと、Metro UIではこのデザインガイドラインが﹁半強制﹂されていることだ。 UX/UIに意識の高い

surume000 2012/04/26

「時間のかかる可能性のある処理は非同期APIしか提供しない」「デザインガイドラインにそぐわないものはWindowsストアの審査で落とす」

UI
UX

リンク

https://www.mobiletuxedo.com/category/ui-patterns/

surume000 2012/02/22

UI画面キャプチャ集。loginとかlistとか

リンク

iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery

カテゴリがしっかり分けられていて凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリーです。アプリデベロッパーさんやアプリデザイナー、モバイル向けのデザインの参考にいかがでしょう。パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。パターンはその場でLightbox風に表示するのでページ推移も必要ありません。みたいな感じのパターンギャラリーです。

surume000 2011/11/20

リンク

Android Wiki*

カスタムコンポーネントの作成には大きく下記のアプローチがあります。既存部品の拡張描画処理も独自のフルカスタマイズ・ビュー既存のビューを組み合わせたコンポジット・ビューリファレンス‥http://developer.android.com/guide/topics/ui/custom-components.html#compound 既存部品の拡張既存の部品を拡張して、機能を追加、変更する方法について説明します。ここでは、標準のEdit Textに必須の入力チェックを追加するビューを生成します。サンプルのソースコード Text.java ビューを継承したクラスを生成する処理を拡張するレイアウト(XML)に定義するビューを継承したクラスを生成する今回はEdit Textを拡張しますので、Edit Textを継承したクラスを生成し、初期化処理でAttributeから必須の設定(r

surume000 2011/10/04

リンク

iPhoneでのフリック入力

キーボード辞書をリセット後、メモ帳にフリック入力の紹介テキストを、予測変換には頼らずあえて一文字ずつタイピング。

surume000 2009/07/18

iphone
ui

リンク

FastFinga : 手書きメモに特化したiPhoneアプリ。秀逸なUIであなたのそのままの字が書けます！801 | AppBank

FastFinga の動画はこちら FastFinga の紹介はこちらからこちらが起動画面。画面右下の﹁鉛筆アイコン﹂をタップすることで文字を書き始めます。﹁鉛筆アイコン﹂をタップしたことで編集モードになりました。この画面に文字を書いていきます。こんにちは！画面上に文字を書きます。さて、ここで画面右下の﹁DONE﹂か、画面左下の﹁指アイコン﹂どちらでもOKなので、タップしましょう。書いた文字が、メモ用紙に反映されます。どんどん追加で文字を書いていきます。このように文字が書けました。このアプリのすごいところは操作感です。非常にスムーズで気持ちいいです。さて、ここまで書くのに1分かかっていません。こんな細かい文字なのに、何もストレスなく自分の字で繊細に書けるなんてすごいです。さて、メモが完成したら、画面上のメールアイコンをタップすることでメールとして送れます。これか

surume000 2009/07/04

iphone
ui

リンク

http://e0166nt.com/blog-entry-677.html

surume000 2009/06/22

リンク

Collection: Design Patterns

Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther

surume000 2009/06/17

使えるUI集

リンク

IA Wiki

概要 IA wikiとは、株式会社モフが運営する、情報設計（Information Architecture）に関する体系的なアプローチを試みるためのWikiサイトです。現在、IA wikiは、新しいバージョンに移行作業中です。新しいIA wikiは、システムと内容を新たにし、順次コンテンツを拡充しております。材料と道具大工にとっての建築の材料「建材」は、木材やコンクリや漆喰などであるが、情報設計における材料は何か？もちろん「情報」ということになる。ところで、大工は建材の種類や用い方、特性や性質を熟知しているが、われわれ情報設計を担う者は「情報」という材料をキチンとわかっているのか？そこかしこに存在するこの「情報」とは、いったいなんなのか？特性、性質を理解できているか？一方で、大工にとっての「道具」とはカンナ、カナヅチ、ノコギリ、クギ、メジャーあたりが挙げられる。では、われわれ情報

surume000 2009/06/15

物事を階層型で分類するときに、発生するパラドックスに関する考察と対処法、「カモノハシ問題」っていうネーミングがいい！

リンク

IA Wiki

概要 IA wikiとは、株式会社モフが運営する、情報設計（Information Architecture）に関する体系的なアプローチを試みるためのWikiサイトです。現在、IA wikiは、新しいバージョンに移行作業中です。新しいIA wikiは、システムと内容を新たにし、順次コンテンツを拡充しております。材料と道具大工にとっての建築の材料「建材」は、木材やコンクリや漆喰などであるが、情報設計における材料は何か？もちろん「情報」ということになる。ところで、大工は建材の種類や用い方、特性や性質を熟知しているが、われわれ情報設計を担う者は「情報」という材料をキチンとわかっているのか？そこかしこに存在するこの「情報」とは、いったいなんなのか？特性、性質を理解できているか？一方で、大工にとっての「道具」とはカンナ、カナヅチ、ノコギリ、クギ、メジャーあたりが挙げられる。では、われわれ情報

surume000 2009/06/15

グローバルナビゲーションの役割1.各カテゴリーへの導線 2. 現在地の把握 3. 全体像の把握

リンク

Creating a Virtual jQuery Keyboard

For those of us who travel often, we often end up accessing our em ails and other confidential web accounts on public computers. In such circumstances, we are completely at the mercy of keyloggers and other malicious software that track our keystrokes and record our passwords. Yet, very few websites provide their users with the option of using a virtual keyboard to key in (at the bare minimum) thei

surume000 2008/10/26

バーチャルキーボード

リンク

Nitram+Nunca リアル・グラデーションの作法

写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。そして、式当日とは違う衣装を選ぶことができるのも良いですね。スタジオ撮影はもちろん、ロケーション撮影などで屋外での

surume000 2008/10/06

リンク

maxkiesler.com

This domain may be for sale!

surume000 2007/10/18

参考になる

design
ui

リンク

Welie.com - Patterns in Interaction Designインタラクション集

A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It