タグ

uiとuxに関するfield_combatのブックマーク (42)

  • UX heuristics for the automotive industry

    It’s quite complicated to find material and articles online about UX in automotive. While there is an overwhelming amount of information on UX for mobile and desktop devices, getting insights on HMI (Human Machine Interaction) principles seems to be much harder. Why? My answer is that it’s probably because it’s a niche discipline, compared to designing for handheld devices and computers, plus scre

    UX heuristics for the automotive industry
    field_combat
    field_combat 2020/02/18
    車載端末のUXについて。ダークモードがいいとか音声UIはシチュエーションによっては使えないときがあるなどの話。ハードウェアも標準化されてないしUIはもっとバラバラだろな
  • 「技術&仲間」と紡ぐ、ゲームUI/UXのワークフロー ~CGWORLD 2019 クリエイティブカンファレンス登壇レポート~ | バナON! | 株式会社バンダイナムコオンライン

    2020-01-30 クオリティ第一 ゲーム開発 デザイナー プランナー 「技術&仲間」と紡ぐ、ゲームUI/UXのワークフロー ~CGWORLD 2019 クリエイティブカンファレンス登壇レポート~ 2019年11月3日(日)に開催された『CGWORLD 2019 クリエイティブカンファレンス』にて バンダイナムコオンラインのデザイナーが講演を行ないました。 登壇したのは、ビジュアルデザイナーとして ゲームUI(ユーザーインターフェース)デザイン、リードビジュアルを担当する太田垣 沙也子さん。 ビジュアル業務のなかでもやや特殊なポジションと言えるUIデザインには、 使いやすく美しいデザインを作るのはもちろん、 プランナーと共にゲームのフローを考え、エンジニアに渡すための実装データを作るといった多岐に渡る業務があります。 その中で今回は「トライ&エラー」について注目。 『UI! UI! U

    「技術&仲間」と紡ぐ、ゲームUI/UXのワークフロー ~CGWORLD 2019 クリエイティブカンファレンス登壇レポート~ | バナON! | 株式会社バンダイナムコオンライン
    field_combat
    field_combat 2020/02/10
    いい資料。
  • モバイルアプリに最適なボタンサイズと間隔とは

    UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 あなたのユーザーはスマホアプリやモバイルサイトのボタンをちゃんと狙った通りに押せているでしょうか? きちんと押せているかをユーザーのせいにする前に、ボタンのサイズや間隔が最適化されているかどうか確認しましょう。 ボタンが最適なサイズと間隔になっていないと、ユーザーが狙いを外したり、間違ったボタンを押してしまいます。この記事ではどの程度が最適かを見ていきます。以下の数値は、96DPIでのCSSピクセルを基準にしています。 ボタンサイズの基準 まずは基準となるサイズがわからなければ、ボタンのサイズが最適かどうかを判断できません。幸いなことに、ボタンのサイズと間隔に関するリサーチによって、高齢者を含むほとんどのユーザーに有効な

    モバイルアプリに最適なボタンサイズと間隔とは
    field_combat
    field_combat 2019/07/04
    大きいボタンはボタン間のマージンは小さくてもいいが、小さいボタンはマージンを大きく取った方が誤タッチを防ぎやすい
  • 試し読み:『悲劇的なデザイン』|BNN|note

    2017年12月に刊行した書籍『悲劇的なデザイン ─あなたのデザインが誰かを傷つけたかもしれないと考えたことはありますか?』を紹介します。 ショッキングなタイトルですが、不要な煽りとは思いません。帯では「人が触れるモノやサービスを作る全デザイナー、特に美術教育を受けた者に捧ぐ。新時代のデザイナーのためのリスクマネジメント・ガイドブック。」と謳いました。 このでは、実際に起こったデザインによる悲劇と悪影響、そしてそれを防げたはずの方法を探り紹介しています。とても耳の痛い話ですが、おもしろい。なぜこんな当たり前で、この上なく真っ当なことを、私たちは前提としておらず、新しい気付きとして受け止めるのか。もちろん国や業界、過ごした環境、年代によって、問題意識と葛藤には差があるでしょう。私はデザイナーではありませんが、十数年前、美術大学でUIUXの走りの授業を受けていました。そして、私より後にデザ

    試し読み:『悲劇的なデザイン』|BNN|note
  • デザイン原則の実践|dely design

    This domain may be for sale!

    デザイン原則の実践|dely design
  • 無限スクロール vs ページネーション:それぞれの特徴と使い分け

    無限スクロールのメリット 1.ユーザーを没頭させ、コンテンツを発見させる データ探索の主要な手段としてスクローリングを使う場合、無限スクロールはユーザーをwebページにより長く滞在させ、よりエンゲージメントを高めることができます。ソーシャルメディアの人気に伴い大量のデータが消費されている中、無限スクロールは、ページが前もって読み込まれるのを待つことなく、膨大な情報を閲覧するための効率的な方法です。 無限スクロールは、「発見」のためのインターフェースであれば、ほぼ必須の機能です。ユーザーが特定のものを探していない場合、気に入った一つのものを探すために大量のアイテムを見る必要があります。

    無限スクロール vs ページネーション:それぞれの特徴と使い分け
    field_combat
    field_combat 2018/07/12
    これすごく悩む。コンテンツ量が少ないからって無限スクロールにすると後で後悔するし、戻るボタンの対応も面倒。Googleはどっちのパターンも途中から「似たコンテンツ」として表示しなくなるしな
  • ソシオメディア | UITableView の衝撃

    ひとつのデザインが事実上の標準となり、その後の基パターンを変えてしまうことがあります。変わった後ではそれが当たり前となってしまい、その標準に始まりがあったことなど誰も気にしなくなるのです。また振り返ってみたとしても、それがなかった頃の感覚に立ち戻ることはできないので、もはや何がどう新しかったのかを実感することは難しいのです。 2007年に iPhone が発売され、その一年後に日iPhone 3G が発売されてから今日(2018年7月11日)でちょうど10年が経ちました。この10年間でスマートフォンやそのアプリを介したオンラインサービスは瞬く間に普及し、私たちのモバイルコンピューティング、コミュニケーション、ソーシャルメディア、Eコマースなどの態様が大きく変化したのは周知のとおりです。 iPhone のデザインは多くの面で新しいものでした。そしてその大部分がその後のスマートフォンの

    ソシオメディア | UITableView の衝撃
  • LINE 桜川さんの話す「もっと読んでもらうための工夫」が実用的すぎてめちゃいい #AWAsia #LINE_AWA - @d_tettu blog

    2018年5月14日〜16日に、東京ミッドタウンで開催されているAd Week Asia。会社の偉い人から関係者向けのチケットをもらったので行ってきました。 何を聞こうかな〜とパンフレットに目を通していたら「スマホ時代のコンテンツデザイン」なる講演を発見。LINE・桜川さんのお話がめちゃ良かったのでメモを残しておきます。 こんな風に「より届けるべき人に届ける、よく読んでもらうために何をするべきか?」を考え続けてるのいいな〜。みんな読んでね。 ちなみにほか記事は以下 Googleは、機械学習でどうマーケティングを変えようとしているのか #AWAsia - @d_tettu blog 6秒でメッセージを届ける方法とはーーYouTube動画広告の効果的な作り方 #AWAsia - @d_tettu blog 「伝える」は奥が深い。メディア編集者3人が語る”これからのストーリーテリング” #AWA

    LINE 桜川さんの話す「もっと読んでもらうための工夫」が実用的すぎてめちゃいい #AWAsia #LINE_AWA - @d_tettu blog
    field_combat
    field_combat 2018/05/15
    テクニックとして覚えておくといいかも
  • UI / UX 学びまとめ

    夏、満喫してますか? 夜は何してる? フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。

    UI / UX 学びまとめ
    field_combat
    field_combat 2017/08/02
  • 「デザイン落とし穴」という話をしてきました - transitkix design log

    transit_kixです。 UX MILKの三瓶さんにお声がけしてもらい、先日ux failconというUIデザインやUXデザインに携わっている人々の集まるイベントに登壇してきました。 登壇資料 内容は、サービスデザインにおいて仮説→検証→実行のそれぞれのフェーズで陥りやすいケースについてお話ししました。 ユーザーストーリーを吹き出し形式に これは簡単で比較的効果があるので、初心者で勉強したい人はどうぞお試しあれ。 当日の様子 DMMさんの新オフィス、壁に物の植物が生えています。 他の登壇者の方の失敗談も面白かったです。 「賃貸住宅「コンセントハウス」のデザイン」(シャープ/電化美術の中田 裕士さん)

    「デザイン落とし穴」という話をしてきました - transitkix design log
    field_combat
    field_combat 2017/07/03
    ユーザーストーリーをフキダシに
  • 【デザイナー向け】これからAndroidのデザインをする人へ - Qiita

    このナビゲーションバーがスマートフォンの場合は横画面にした場合は右側に配置されるのですが、タブレットは下側に表示されます。 さらに、ソフトウェアキーボードではなくハードウェアキー(通常 静電方式のタッチ)の場合があります。これにより、端末によってレイアウトが変わるのでデザインをする上では注意が必要です。 smart phone tablet 端末サイズ一覧 海外端末が多いですがGoogleのMaterial.ioのページを見ると、dpとpxが記された端末のサイズ一覧を見ることが可能です。 https://material.io/devices/ こちらのページにある端末がAndroidのデファクトスタンダードになりますので、当はこちらに合わせるのがベストですが、日だと独自にカスタマイズされた端末達と戦う事になります… お互い頑張りましょう💪🏼 iOSとの違い 戻るという概念 戻るボ

    【デザイナー向け】これからAndroidのデザインをする人へ - Qiita
    field_combat
    field_combat 2017/03/08
    いい
  • デブサミ「確実に良くするUI/UX設計」 #devsumi

    永谷 弘宣@静養中 @HironobuNagaya デブサミ2017 C会場 10:00-10:45「コーディネートカーがもたらすモビリティの可能性と日産自動車における挑戦」が始まりました。 写真撮影可能です! #devsumiB pic.twitter.com/bN82z3REkS 2017-02-16 10:04:12

    デブサミ「確実に良くするUI/UX設計」 #devsumi
    field_combat
    field_combat 2017/02/16
  • スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】

    スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】 2017 2/06 ▶平日 毎朝7時に公式LINE@で新着記事を配信しています。友達申請はこちらから! ▶ICCの動画コンテンツも充実! Youtubeチャネルの登録はこちらから! 「ユーザー・エクスペリエンスのベストプラクティス」【K16-6A】セッションの書き起し記事をいよいよ公開!7回シリーズ(その6)は、スマートフォンサービスにおけるユーザー体験の高め方や留意点等について議論しました。ぜひ御覧ください。 ビジネス最適化プラットフォームを提供するドーモ株式会社(Domo)はICCカンファレンス KYOTO 2016のゴールド・スポンサーとしてセッションをサポート頂きました。ビジネスデータの集約とリアルタイムの意思決定が可能なDomoの詳細はこちらからご覧ください。 ICCカ

    スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】
    field_combat
    field_combat 2017/02/09
    詰めの話、目から鱗
  • 家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手..

    家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手にとらない。 Androidは論外だった。 アプリにはだいたい主要な画面が4つか5つほどあり、簡単にいうとその画面を行き来しながら利用する物が多い。 年寄りにとって一番利用しやすいのは画面がリニアに進むということだ。 アプリをタップしたら常に最初にメニュー画面、メニューからボタンを押したら目的の画面のように進まなければ、そこで理解がむずかしくなる。 アプリによってはアプリタップ後、最後の画面を表示してくれる物も多い。そういうのは年寄りには難しい。まずは元に戻りたいと思うようだ。 スタート画面が設定されているのもあればない物もある。 アプリによってはしばらく時間があると普段とは違うメッセージが出る物もある。 タップでボタンが表示される奴は論外だ。タップの仕方によりボタンが出ない・出るで教える最中に喧嘩になる。 タップ

    家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手..
  • 「ここがダメだよ!ゲームのUI」 - こんなバッドUIに心当たりはありませんか?ゲームUIの失敗リファレンス集

    SiFi-TZK @SiFi_TZK ここがダメだよ!ゲームUI。その1、同じ機能なのに使うボタンが違う。「そんなわけねーじゃん!」とお思いでしょう?でも例えば、「マップを拡大するボタン」と、「ギャラリーでモデルを拡大するボタン」が平気で違ってたりする。 2016-11-11 01:41:12 SiFi-TZK @SiFi_TZK ここがダメだよ!ゲームUI。その2、同じものが違う場所に表示される。「そんなわけ(ry」あるモードでは「名前、ステータス、技」の順番なのに、別のモードで開くと「名前、技、ステータス」の順になってたりとか。 2016-11-11 01:45:17

    「ここがダメだよ!ゲームのUI」 - こんなバッドUIに心当たりはありませんか?ゲームUIの失敗リファレンス集
  • 「ヒューリスティックマークアップ」から始めるUXデザイン

    はじめに 自己紹介 はじめまして。Lobiチーム意匠部のばっこです。 カヤックで「Lobi」というスマホゲーマー向けSNSのデザイナーをしています。 去年の8月頃に社内の受託チームからLobiチームに異動をして、 半年ほどLobiの周辺サービス(Lobi REC SDK、Lobi Play)を担当したり、 少しだけ新規サービス(RANKERS)のお手伝いをしたりしていましたが、 最近、Lobi体のアプリに携わるようになりました。 世間のUXブームに遅ればせながらも、業務でUXについて考える機会が増えてきたので、 今回は、そんなLobiでのUXデザインの取り組みを紹介したいと思います。 Lobi(ゲームコミュニティ事業) | 面白法人カヤック Lobiは、スマホゲームに特化した国内最大級のスマホゲーマーSNSです。 同じゲームをプレイしている友達を探したり、攻略情報を交換したり、レアアイテ

    「ヒューリスティックマークアップ」から始めるUXデザイン
    field_combat
    field_combat 2016/08/31
    効果ありそうだけど、手間が大きいな。ある程度、出来上がった段階で1回だけでも第三者にお願いしたいな
  • マテリアルデザインに見る機能的なアニメーションの6つの法則

    機能的なアニメーションとは、演出のみのアニメーションと違い、その意図が明確かつ論理的に校正された、控えめなアニメーションのことです。それはUIにおける認知的負荷を軽減させ、変化の見落としを防ぎ、そしてよりその空間の記憶を呼び起こしやすくさせ、何よりもUIに命を吹き込みます。 その動きは、増えたり、分かれたり、その形やサイズが変わることで、画面をさらに生き生きと見せることができます。機能的なアニメーションは、ナビゲーション上でユーザーをスムーズに移動させ、スクリーン上の要素の配置の変化を説明し、要素の階層を明確にするために使用するものです。 成功する機能的なアニメーションには、以下の6つの特徴があります。 1. レスポンスがよい UIデザインにおいてビジュアル・フィードバックはとても重要です。なぜなら、ユーザーの認知に対するごく自然な要求に訴えかけるからです。現実世界ではボタンやコントロール

    マテリアルデザインに見る機能的なアニメーションの6つの法則
    field_combat
    field_combat 2016/08/25
    速度抜けるな、気をつけよう
  • モーションデザインはUIの未来 | POSTD

    最近、「モーションデザイン」という言葉がデザイン業界で急に出てきていることに気づいていますか?大小様々な企業が、これに特化した肩書きを持つデザイナーたちを雇いはじめています。最近ではGoogleが I/Oカンファレンス で、Googleの製品で統一化されているモーションランゲージの概要について話していました。 この騒ぎは何でしょうか?そして何の意味があるのでしょうか? モーションはストーリーを語ります。 アプリにおける全ての物事は連鎖になっていて、モーションはあなたのガイドになります。ボタンをクリックして、画面が変わる度に、そこにはストーリーがついてきます。例えば、アイテムを作ったり削除する時、アニメーションがどのように役に立つかを見ていきましょう。 アイテムを消すことは劇的で破壊的な作業ですので、適切に反応するようにしましょう。アイテムをただ画面から消すだけということはしないようにしまし

    モーションデザインはUIの未来 | POSTD
    field_combat
    field_combat 2016/07/08
    具体例もあってっ基本的な所が抑えられてる。わざとらしくない程度にルール、意図が見えるモーションを心掛けたい
  • 坪田 朋の3354年の記事

    デザイン会社Basecamp⛺️の代表。dely株式会社のCXO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。

    坪田 朋の3354年の記事
    field_combat
    field_combat 2016/06/27
    フィジカル部分も面倒見よう
  • ひどいダッシュボードの法則 | POSTD

    白状しますが、私にはひどいダッシュボードを構築してきた責任があります。個人的に、この記事に書いた間違いのほとんどを犯してしまいました。ユーザに謝罪するとともに、同じ過ちを繰り返さないことを誓います。これらの過ちが悪い見として、プロジェクトマネージャやデザイナ、エンジニアがひどいダッシュボードを構築したり確認したりする無駄な時間を少し減らすのに役立つことを願います。 法則1:ほとんどのソフトウェアのダッシュボードはひどい ひどいと言うのは このGoogle画像検索 のようなひどさ(まだ吐いていませんよね?)のことではありません。退屈で、設計が不十分で、有用性も一切ないという意味です。 信じられませんか? では、今すぐ優れたダッシュボードのソフトウェア名を3つ挙げてみてください。 見つかりましたか? ええ、そうだと思いました。しかし、ダッシュボードはどこにでもあります。あなたが使っているSa

    ひどいダッシュボードの法則 | POSTD