タグ

uxに関するclavierのブックマーク (145)

  • 【新規事業開発】知ってること全部まとめてみた - Qiita

    はじめに 新規事業開発に役立つ記事のリストを友人や知人に共有することが多くなり、そのつどメールやチャットツールで送ることが面倒になってきたため、「まとめ記事」にしました。 これらはたくさんの方々から教えていただいて集まった情報のリストです。実際に会ってみた、行ってみたという情報も多いです。コピーしてご利用いただいても問題ありませんし、アフィリエイトもしていません。 ※追記 (1)Qiitaの記事以外は、リンクをクリックしたら自動的に新しいタブで開くようになっています。 (2)頻繁に新しい情報を教えていただいて追加しています。「これも追加してほしい」という情報があればお気軽にコメントください。 (3)Qiitaはプログラミング記事しかダメだと知らずにこの記事を作成しました。もしQiitaから注意されたら移動します。コミュニティガイドライン - Qiita:Support 目次 新規事業開発の

    【新規事業開発】知ってること全部まとめてみた - Qiita
  • アプリのアップデート300本ノックから学ぶUI改善のヒント|宮﨑 晃

    こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300以上のネタが溜まってきました。 今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。 行動 = 動機 × 実行能力 × きっかけ ザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ」の3要素をどう揃えるか?というモノ。 詳しくは深津さんの記事がとってもわかりやすいのでおススメです。 アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。 それではいってみましょう! 【動機】がないと、やる気にならない①慣れない体験にはイメージ作りを よくわからない体験は

    アプリのアップデート300本ノックから学ぶUI改善のヒント|宮﨑 晃
    clavier
    clavier 2020/01/15
  • Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち

    サンプルアプリはこちらです。 mockサーバーの起動が必要なので、注意してください。デプロイしているサンプルアプリは、サーバーとの通信をしないので、注意してください。 https://github.com/sadnessOjisan/Form-Museum

    Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち
  • UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto

    UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 1、進めそう感 2、戻れそう感 3、進めそう&戻れそう感 4、開きそう感(ドロップダウン) 5、開きそう感(アコーディオン) 6、開きそう感(モーダル1) 7、開きそう感(モーダル2) 8、カレンダーが開きそう感 9、メニューが開きそう感(ハンバーガー) 10、検索できそう感 11、入力できそう感 12、検索できそう + 入力できそう感 13、パスワード入力できそう感 14、パスワード感(強め) 15、間違えた感(エラー) 16、合ってる感(OK) 17、電話かかる感

    UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto
  • 「規約に同意」のUX -ストレスフリーな同意UIとその実現方法-

    Inside Frontend #2

    「規約に同意」のUX -ストレスフリーな同意UIとその実現方法-
  • ユーザーインターフェイス解剖学・改訂版(公開版)

    社内イベントで登壇した際のスライドです。「ユーザーインターフェイス解剖学」の改訂版。主に、UIデザインにおいて検討した方がよい/すべき考え方というものを簡単にご紹介しました。

    ユーザーインターフェイス解剖学・改訂版(公開版)
  • タベリー | とある仕様書 – Yamotty – Medium

    グループ共有機能仕様書の公開に踏み切ったのは、10Xのプロダクトがどうやって作られているか、について部分的に触れてもらえると思ったから。 10Xでは「細かな実装・デザインの白兵戦」・「認知と理解を獲得していく空中戦」を一緒に戦えるプロダクト・マネージャーを育てていきたいと思っているので、この仕様書を読んで「10Xで力を試してみたい!」という方はぜひ以下のフォームから応募してほしい。ユーザーの感情を科学できる人が10XのPMにはフィットすると思う。 仕様書の前提となる考え仕様書は「チームのワーキングスタイル」によってその役割をかえるものだ。今の10Xは「ユーザーの前に積まれた膨大な課題の山に優先度を付け、とにかく早くプロダクトをプッシュしていくこと」が最優先のチーム。 そのため、「膝を突き合わせて瞬発力の高いコミュニケーション」を重視している。リモートはしない。 この環境では議論のすべてが口

    タベリー | とある仕様書 – Yamotty – Medium
  • 深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート |ブログ|root|デザインの実践を個から組織・事業へ

    少し間が空きましたが、12月19日に行われた『大規模リニューアルプロジェクトの舞台裏 UX & Service Sketch #21』に参加してきました。 イベントでは4名の方が登壇し、サービスリニューアルの話を10~15分でプレゼンテーションをしていただきました! 今回は登壇者の一人、THE GUILD 代表 深津貴之さんの日経電子版アプリのリニューアルをもとに話していただいた『確実に良くするUI UX設計』のプレゼンをまとめました。 THE GUILD 代表 深津貴之さん 「内制でもうまくいくときとそうでないときがあり、リニューアルは大博打である。また自分にとってのキーファクターは、外部と内部の相対的な位置関係、力関係を指摘する人だ」という深津さん。 内部で運営をし続けると2つ大きな問題点がでてくるといいます。 1点目は、世代交代しているうちにだんだんとアップデードしかしないようになる

    深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート |ブログ|root|デザインの実践を個から組織・事業へ
    clavier
    clavier 2018/01/06
  • UI観察 - 奥行きだけでなく”軽さ”を表現するモーションデザイン|いちがみ

    15VISION(イチゴビジョン)いちがみです。普段は主にUIデザインを行なっています。 こばかなさん(@kobaka7)の「観察とは何か?デザインにどう活きるのか?」という記事が注目を集めています。 無意識を意識化すること(そして考察や想像すること)という言葉は、日頃、マイクロインタラクションのアニメーション観察を行う上でおぼろげに意識していることが言語化されたようで爽快でした。 さて、今回はiPhoneアプリ「App Store」の「Today」コンテンツの画面遷移を取り上げます。まずは、動画をご覧ください。 この記事は下記のブログに移動しました。 https://15scope.jp/design/motion-design-tips.html

    UI観察 - 奥行きだけでなく”軽さ”を表現するモーションデザイン|いちがみ
    clavier
    clavier 2018/01/06
  • レガシーユーザーインターフェースにありがちな3つの病と治療法 - Qiita

    CrowdWorks Advent Calendar 2017 の17日目の記事です。 こんにちは。 UXデザイングループのデザイナー上田です。 突然ですが、**「レガシーユーザーインターフェース」**と聞いて、皆さん何を思い浮かべるでしょうか? 自社サービスやクライアントのWebサイトなど、担当しているサービスの使い勝手の悪さや構造の闇深さを連想し、古く負債を抱えてしまったサービスに対してどのようにアプローチして解決すべきか頭を悩ませている方も少なくないのではないかと想像します。 エンジニアリングの視点で、成長し続けるサービスが抱えるジレンマとして「リファクタリングの工数を割けない」「中長期のアーキテクチャ設計を十分に検討する余裕がない」といった声を耳にし、実際に古く負債を抱えてしまったシステムやソフトウェアを「レガシーソフトウェア」と呼んだりするようですが、実はデザインの視点でも急成長

    レガシーユーザーインターフェースにありがちな3つの病と治療法 - Qiita
    clavier
    clavier 2017/12/18
  • グロースとは学びを得ること - 後編|Go Ando / PREDUCTS / THE GUILD

    こんにちは、THE GUILDの@goandoです。 「グロースとは学びを得ること - 前編」の続きです。 後編ではグロースにおけるABテストの価値について、グロースに取り組む中で得た気付きと世界の動向をご紹介します。 正しいABテスト多くの方がご存知のABテストですが、時折見かけるのが「改善案Aと改善案Bの方法のどちらがより良い結果に繋がるかを検証」するための方法として利用し、更には全てのユーザーをランダムに50% vs 50%にスプリットして行っているケースです。 これは正しいABテストの利用方法ではなく、来は「現在の仕様A(対照群)に対し別の仕様B(介入群)の結果を比較」する実験方法で、仕様Bのみを特定の条件でランダムに抽出した一部の対象に対してのみ行い、元の状態との比較を行うのが来の活用方法です。 ABテストは統計学や疫学の歴史の中で成り立ったランダム化比較試験の方法に基いてお

    グロースとは学びを得ること - 後編|Go Ando / PREDUCTS / THE GUILD
  • 会員登録率を15%上げた方法 ~noteの改善の現場から~|justin / iOSエンジニア

    こんにちは。ピースオブケイクでnoteの開発をしているjustinです。 10月に深津さんがCXOに就任して、早2ヶ月が経とうとしています。 週1回グロース会議を行い、そこで話し合われた内容がどんどんリリースされています。 定期的に深津さんがnoteのカイゼン施策をノートにまとめていますが、現場でどんなことが行われているのかはあまり公開したことがありませんでした。そこで、この記事では少しだけ施策の裏側をお話したいと思います。 この記事では「最近のnoteカイゼン(11月中半)」で紹介された、 課金時のユーザー離脱を下げるチューニングを施しましたにスポットをあてます カイゼンの流れざっくりですが、カイゼンの流れは以下のようになります。 1. 購入導線を洗い出す 2. データを取る 3. 数字の著しく落ちているところを探す 4. 改善案を考える 5. 実行する 6. 評価上の流れはcakesの

    会員登録率を15%上げた方法 ~noteの改善の現場から~|justin / iOSエンジニア
  • はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ

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

    はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ
    clavier
    clavier 2017/03/27
  • U-NEXT キャリア

    U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。

    U-NEXT キャリア
  • アプリを作る時に必ず押さえるべきデザインのポイント7つ

    by Jorge Quinteros 「1つのスクリーンにつき1つのタスク」「プッシュ通知の利用の仕方」「余白を作ること」など、ソフトウェア開発者のNick Babichさんがモバイルアプリ作りで押さえるべきUXデザインの7つのポイントをまとめています。 Mobile Design Best Practices http://babich.biz/mobile-design-best-practices/ ◆1:1つのスクリーンにつき1つのタスク 配車サービス「Uber」のアプリを見てみると、非常にシンプルな作りになっているのがわかります。Uberを使う人の目的は「タクシーを捕まえること」とはっきりしているため、アプリの画面にはユーザーの現在地が自動的に表示されるだけで、ユーザーがすべきことは「タクシーに乗る場所を選ぶ」ということのみとなっています。 アプリを理解しやすくし、操作を簡単にす

    アプリを作る時に必ず押さえるべきデザインのポイント7つ
    clavier
    clavier 2016/11/25
  • ASCII.jp - Web Professional(ウェブ・プロフェッショナル)|デザインからマーケティングまで、Webを仕事にする人の情報サイト

    WebPro KUSANAGI Security Editionが進化! 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azureに登場|自動アップデートで安全性を確保 プライム・ストラテジーが、新しいセキュリティ基盤「KUSANAGI Security Edition」をMicrosoft Azureで提供開始。セキュリティ向上と運用効率... 0 0 WebPro KUSANAGI 9、新たにOracle CloudにAlmaLinux OS 9を採用し、2032年ま

    ASCII.jp - Web Professional(ウェブ・プロフェッショナル)|デザインからマーケティングまで、Webを仕事にする人の情報サイト
  • モバイルアプリのUXを改善する4つのディテール - ポップインサイト

    Nick Babich氏はソフトウェアディベロッパーです。大のテクノロジー好きで、UI/UXをこよなく愛します。彼のwebサイトはこちらです。http://babich.biz Image credits: teamtreehouse アプリが成功するかどうかは、さまざまな要素に依存しています。ですが、ユーザー体験に勝るものはありません。目立つアプリは、どれも優れたUXを提供しています。 モバイルUXを考える上では、ベスト・プラクティスをなぞるのが堅実な方法です。また、全体像をつくる時は、あったら良いものの必要ではないデザイン要素をとりあえず消してしまうのも簡単で良い方法でしょう。 ただし、「良い体験」と「素晴らしい体験」の違いは、多くの場合これらの細部についてどれだけ考え尽くしたかにかかってきます。 この記事では、なぜディテールがデザインにおける目につきやすい要素と同様に重要なのか、そし

    モバイルアプリのUXを改善する4つのディテール - ポップインサイト
  • Uberのライバル「Lyft」のリニューアルにおけるUX改善 - ポップインサイト

    Lyftは、米国でサービス展開しているオンライン配車アプリです。Lyftは日にはまだ上陸していませんが、米国ではUberのライバルとして注目を集めてきました。今回はサンフランシスコのUI/UXデザイナーのJessie Chen氏が、ワークショップやオンライン資料をもとにLyftのリニューアルについて迫ります。 去る5月17日、私はDesign Guru Summitに参加し、LyftのUX&プロダクトデザインの最高責任者であるFrank Yoo氏が行った、Lyftのリニューアルについての講演を聞きました。また、その9日後、今度はData and Design Tech TalkでLyftのプロダクトデザイナーであるVicki Tan氏から、彼女のチームのA/Bテストの方法や、UXの課題に聞くことができました。 そこで学んだことについて詳細な情報共有を行うために、私はさらにLyftのリニュ

    Uberのライバル「Lyft」のリニューアルにおけるUX改善 - ポップインサイト
  • http://documents.tips/design/uiux55c450f1bb61eb265e8b46a9.html

    http://documents.tips/design/uiux55c450f1bb61eb265e8b46a9.html
  • トップクリエイター3名が「UI/UX」の本質を突く! 灰色ハイジ×中村洋基×伊原力也が語ったコト | キャリアハック(CAREER HACK)

    トップクリエイターたちは「UI/UX」をどう捉える?ユーザーにとっての素晴らしい体験を探求し、新しいクリエイティブを仕掛けるクリエイター、灰色ハイジさん、中村洋基さん、伊原力也さんが語ったUI/UX論をお届けします。 灰色ハイジ×中村洋基×伊原力也が語る「UI/UX論」 ことにWeb業界では、「UI/UX」という言葉はすでに馴染み深いものになった。同時に、UI/UXはデザイナーだけのものではなく、プロダクトに関わる多くの人たちも無視のできないものになっている。 真にユーザーにとっての素晴らしい体験を届けるクリエイティブとはなんだろうか? 先日開催されたイベント「Design Jimoto in 渋谷(※)」にゲストスピーカーとして3人のトップクリエイターが登壇した。そこで語られた話のなかに、UI/UX質を紐解くヒントがあった。 [登壇者] LiB Planner, UI/UX Desi

    トップクリエイター3名が「UI/UX」の本質を突く! 灰色ハイジ×中村洋基×伊原力也が語ったコト | キャリアハック(CAREER HACK)