[B! ux] sonkのブックマーク

なぜ人は複雑なリモコンのようなWebサイトをつくってしまうのか - ビープラウド社長のブログ

「複雑！すべての機能をとても使いこなせない」数多くボタンが並んだAV機器のリモコンを見て、過去に思ったことがある人も多いでしょう。しかし、いざ自分がWebサイトを企画する側になると、複雑なリモコンと同じものをつくってしまいがちです。誰もが、シンプルで使いやすいWebサイトをつくりたいと思っているはずなのに、なぜ、そのようなことになってしまうのでしょうか。順に考えていきます。小さな労力で大きな価値を Webサイトを開発するリソース（お金、時間、人）は、どのような企業でも有限です。そのため、なんでもかんでも思いついたものを、つくるわけにはいきません。小さな労力でWebサイトをつくり、大きな価値を生み出す努力が必要です。そのためには、当然ながらWebサイトの開発スコープを絞ります。顧客の対象を絞るスコープを絞るには、顧客の対象を絞るのが１番手っ取り早い方法です。たとえば、顧

sonk 2017/08/08

リンク

はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ

はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。基本構造まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成としてメイン（様々なエントリー一覧）フィードマイページの3つからなっています。それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（

sonk 2017/03/06

リンク

オブジェクト指向UX | POSTD

(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、そのデザインを担当することになったのです。大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜

sonk 2015/11/17

リンク

切れないハサミと使えないWebデザイン | ベイジの社長ブログ

本エントリーは、以下の目次で構成されています。 2種類のハサミと2種類のWebデザイナー Webデザインの特殊性ビジュアルのディテールに神が宿らないWebデザイン美しいが使えないWebデザインをしてしまう理由 Webデザイナーを支配する「強固な固定観念」と「裏の動機」美しいビジュアルの根底にあるデザインの本質本当に「最近のWebデザインはつまらない」のか？ミスマッチが生む不幸なWebデザイン Webデザイナーに求められる自らのスタンス Web制作会社にも求められる明確な価値観 2種類のハサミと2種類のWebデザイナー例えば、以下のような2種類のハサミが存在するとします。工芸品のように美しいが切れ味はよくないハサミ見た目はそれなりだが非常によく切れるハサミ 1は、ハサミとしては売れないでしょう。ただ、それが刺激的で斬新なビジュアルであった場合には、特別な賞を取ったり、美術館に

sonk 2014/10/09

リンク

『今さら聞けないUXの基本と活用のしかた』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。CyberSS所属の水野寛と申します。普段はディレクター/HCD専門家として、Webサイトの分析や改善を担当しています。 Webサイトやアプリ制作の現場では、UXを向上させるにはどうすればよいか、試行錯誤が求められます。しかし、そのUXについて、いまいち捉え方がわからないと感じられている方が多いのではないでしょうか。 UXとは何か」について、ご説明させていただきます。さらに、今すぐ制作に活かせる考え方として「UXをデザインするためのポイント」「UXを検証するための視点」について、事例を交えてご紹介いたします。 1.UXとは何か国際規

sonk 2014/09/11

リンク

Android Design in Action: Common UX Issues (Japanese)

今回は Android アプリでよく見かけるさまざまなデザイン上の問題を、デザイン・ガイドラインに則ってご紹介します。デザイン・ガイドラインは絶対的な基準ではありませんが、高品質なアプリを目指す上で役に立つヒントが詰まっており、Android アプリの UI/UX デザインにあたってまず参考にしていただきたい資料です。詳しくは http://d.android.com/design をご参照ください。日本の Android 開発者のための公式 Google+ コミュニティ Android Development - Japan もよろしくお願いします。 https://plus.google.com/communities/115564198961961475282 #adia #common

sonk 2014/04/30

リンク

海外の消費者心理学の専門家が語る、WEBサービスをユーザーの習慣の一部にする方法[後編] - VASILY GROWTH HACK BLOG

グロースハックの必須分野である消費者行動心理学の専門家、Nir Eyal氏が提唱する、「hooked」というモデルは、ユーザーがついそのプロダクトを使ってしまうという"習慣"を形成するための理論であり、オンライン、オフライン問わず、さまざまなサービスに応用できる。前回、前編として彼の「hooked」モデルを紹介したところ、大きな反響を頂きましたが、今回はその後編です。 1000回以上シェアされた前回記事はこちらグロースハックって何って方はこちらの記事をどうぞ。「グロースハック」とは「hooked」モデルのおさらい「hooked」モデルとは、WEBサービスがユーザーの習慣の一部になる際には"あるパターン"があることに着目し、それを以下の４つのステップに分け、その他の様々なサービスに応用可能にしたモデルである。「hooked」モデルの４つのステップ１，トリガー・・・内的トリガーと

sonk 2014/03/09

リンク

UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめ - コムテブログ

TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UX・UI・IA の違いが漠然としているときに。 IA（情報アーキテクチャ）１．基礎知識情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にＩＡ（インフォメーションアーキテクト）が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof

sonk 2014/02/24

リンク

新規事業に失敗したくないなら絶対見て欲しい、誰でも3分で分かるLean UXと4つの基本ステップ|グロースハックジャパン|Growth Hack Japan

投資家はあなたのビジネスアイディアに投資などしてくれません。アイディアは失敗しない裏付けがあって初めて価値を持ち、投資家はその「裏付け」を求めているのです。投資家が求める裏付けといえば、技術力や市場・競合調査など様々ですが、多くの起業家が忘れがちなのはUX（ユーザーエクスペリエンス）や顧客開発の重要性。新規事業に失敗したくなければ、ユーザーが製品に対してどのような感想を持っているか、どう改善して欲しいか、そもそもユーザーはその製品を必要としているのかを、ローンチ前に検証する必要があるのです。リソースの少ない起業前に実行することはなかなか難しいことですが、見込みユーザーに関する情報が圧倒的に少ないスタートアップにこそUX検証は必要不可欠。こうした事実を踏まえ、起業を夢見る皆様に提案したいのが、リーン・スタートアップ・ムーブメントから派生した方法論である「Lean UX（リーンUX）」で

sonk 2014/01/15

リンク

IAシンキングとは -information architecture- ｜https://wp.yat-net.com/name

2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ： IAシンキングタグ：IAサイト構築サイト設計サイトの設計、情報の整理、SEO、UI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。しかしそれらを行うにあたって明確なフローが決まっているか？と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか？それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと

sonk 2013/04/22

リンク

UIとUXとの違い、そしてビジネスUXとは何か？

突然ですが、皆さんはビジネスUXという言葉をご存じですか？筆者が所属するトゥービーソフト社は韓国でトップシェアを持つUXソリューションプロバイダーです。3年前に日本に上陸後、日本を代表する大手企業を中心に業務システムでUX（ユーザー・エクスペリエンス）を実現してきました。当社では、UX開発プラットフォーム「XPLATFORM」を開発・販売していますが、既に20,000社を超える法人で稼働するまでに至りました。さらに、昨年開催したビジネスUXカンファレンス2013では、460名もの申し込みを頂き、盛会にて終了することができました。このように市場ではUXの注目度が向上し、ビジネスも本格的に動き始めたといえます。そこで、日本のエンジニアの皆さまに情報システム部門の方にビジネスUXの概要、プロジェクトの運営方法、国内外の事例や検討のポイントなどをお伝えしたく、本コラムを連載させて頂くことに