タグ

uiとuxに関するrufutaniのブックマーク (11)

  • クックパッドが目指す、これからのデザインとプロダクトのあり方|宇野雄 / note inc. CDO

    これはCookpad TechConf 2019で発表した資料です。映像アーカイブなども公開される予定ですが、せっかくなのでこちらでも公開をしたいと思います。 -------👇ここから発表内容👇------- こんにちは。デザイナーの宇野です。こんにちは。 「クックパッドのデザイナーの宇野」なんて知らないぞという方が多いかと思いますので簡単に自己紹介をさせてください。 CEO室所属 デザイナー統括マネージャーをしております。 ずっとUIデザイナーです。受託制作会社やソーシャルゲームの会社を経てヤフー株式会社に入社。ヤフーではYahoo!ニュース、Yahoo!知恵袋Yahoo!乗換案内、Yahoo!検索などのデザイン責任者/デザイン部長をしていました。 このプロフィールのハイライトはここ。「2019年2月」、つまり今月です。 この数字なんだと思いますか?17営業日、僕が正社員としてクッ

    クックパッドが目指す、これからのデザインとプロダクトのあり方|宇野雄 / note inc. CDO
  • むずかしすぎる!五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース

    KNNポール神田です。 いよいよ、東京五輪の大会ボランティア募集が開始となった。 『ブラックボランティア』などとネットでいくら言われようとも、ボランティアする側が納得していれば、それはブラックなボランティアではないと思う。母国の五輪のボランティアで得られる経験は、人生のうち、何度もあるものではないからだ。 ボクが1963年の東京五輪の聖火リレーを見たのは神戸市の兵庫区だった。たった2歳であったが、あの雨の日の聖火リレーは、しっかりと脳裏に焼き付いている。だからこそ、ボランティアでも五輪に参加したいと考えている。 1963年10月神戸市兵庫区上沢通3丁目 出典:神田友治撮影11万人のボランティアが必要とされている大会ボランティアが8万人(組織委員会)、そして、都市ボランティアが3万人(東京都)の募集が昨日(2018/09/26)より開始となった。それぞれの申し込みページが公開された。 大会ボ

    むずかしすぎる!五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース
  • ランキングのデザインについて

    深津 貴之 / THE GUILD / note @fladdict UIとしてランキングやホットエントリーを設計するとき、どのようなルール設計がユーザーの利益を最大化しうるのか?モニャモニャと考えたことをブログにしてみた。みんなの理想のランキング設計を知りたい note.mu/fladdict/n/ne9… 2018-01-18 23:00:11 福田尚広@ダイエットの闇を暴く @dietcafejp @fladdict 少し趣旨と違うかもしれませんが、当サイトでは口コミ投稿のインセンティブにランキングを利用しています(口コミを投稿すれば、ランキング見れる)。 これで投稿率(セッション数あたりの口コミ投稿数)が数倍に増えました。 2018-01-18 14:30:45 深津 貴之 / THE GUILD / note @fladdict 究極的には各ユーザーが、「オススメポイント」みた

    ランキングのデザインについて
  • ランキングの設計はどうあるべきか?|深津 貴之 (fladdict)

    「発見性」の強化のために、noteランキングやホットエントリーに類するものをつけたいと思っている。しかしランキングやホットエントリーは、世間で思われている以上にデリケートなUIであるため、その設計は慎重に行われなければならない。下手な設計は、サービスのカルチャーそのものを破壊しかねないためである。 以下は、ランキング設計のための忘備録。 PVランキングは収奪的な設計であるPVランキングを設計する場合、まず最初に意識すべきことがある。それは質的に、PVランキングは収奪的な構造であることだ。 「収奪的」とは、勝者が全てを独占してしまうことを意味する。 基的にランキングに上位のコンテンツは、ユーザーの注目を獲得する。つまり、PVのあるコンテンツはランキング上位となる。そして上位コンテンツはその露出によって、さらにPVを集めてしまう。 結果、PVランキングは少数のコンテンツにPV、フォロワー

    ランキングの設計はどうあるべきか?|深津 貴之 (fladdict)
  • 検索結果一覧のUI改善でKPIが17.5%向上した話 - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ

    こんにちは。デザイナーの上田です。たまにはサービスグロース系の記事を書いてみようと思います。 突然ですが、「サービス改善の一環でUI改善の施策をリリースしたけど、明らかな数字の変化が見られず、いまいち上手くいったのか上手くいかなかったのか評価がしづらい。」といった経験をお持ちではありませんか? わたし自身は何度かそういった経験があり、UI改善が定量的な成果に結びつきづらく感じて、「UI改善の価値を主張しづらいな。」と頭を悩ましていました。 そんな中、担当したUI改善で、主要なKPIを17.5%改善することができ、デザインプロセスに汎用性を持たせられそうな感覚があったので、そういった事例を増やしていくために、今回はどんな風に設計したかプロセスを振り返ってみようと思います。 もちろんUI改善の効果は定量的な数字の変化のみで推し量れないと思ってますが、一方でUI改善で数字を伸ばせない訳ではないと

    検索結果一覧のUI改善でKPIが17.5%向上した話 - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
  • Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた

    Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 Nintendo SwitchではWeb技術が大活躍! 白石 簡単に自己紹介をお願いで

    Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた
  • 大規模デザインシステムを作る:いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス

    原文:"Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ

    大規模デザインシステムを作る:いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
  • メディアテクノロジーラボ

    Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

  • プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話2 | fladdict

    こんにちは、日で唯一の100徳ナイフコレクター(推定)兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議! 「弊社のアプリをこうしては絶対にならない!」「この状況を脱しなければならない!」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま

    プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話2 | fladdict
  • ハンバーガーメニューと非表示のナビゲーションはUX指標を悪化させる

    Webサイトのメインナビゲーションを非表示にすると、発見しやすさはほぼ半減する。その上、タスク達成に時間がかかるようになり、タスクがより難しく感じられるようになる。 Hamburger Menus and Hidden Navigation Hurt UX Metrics by Kara Pernice and Raluca Budiu on June 26, 2016 日語版2016年9月26日公開 非表示のメニュー(ハンバーガーアイコンなど)と、表示されているメニュー(ページトップを横切る形で置かれたリンクなど)について、定量的なユーザビリティテストをおこなったところ、以下のようなことが明らかになった: 非表示のナビゲーションは発見されにくい。表示されているあるいは部分的に表示されているナビゲーションよりも。 ナビゲーションが非表示だと、ナビゲーションはユーザーから利用されにくくなる

    ハンバーガーメニューと非表示のナビゲーションはUX指標を悪化させる
  • エンジニアやデザイナーのあなたがUXとか持ち出すアイツを大っ嫌いな理由|ymtk|Takahiro YAMAGUCHI

    理由1. UXデザイナーとか言ってるくせにデザインできないUXデザインで使われる場合の「デザイン」の意味はサービスデザインの文脈に近く、計画立案や設計といったものなのですが、開発現場のデザイナーからすれば「あんな奴がデザイナーを名乗ってるなんて許せない」ということになります。世の中の多くの人にとってのデザインはスタイリングデザインであり、グッとくる見た目で課題解決する人なのです。そんな中、デザインのできないような素人が自分の作ったUIに「これは使いづらい」とか文句を言ってくるときた。 大っ嫌い! 理由2. プロデューサーでもないくせに急な仕様変更を押し込んでくる「インタビューしてきた結果、この機能は使われないことが分かったのでなくしましょう」朝会で突然奴が言い出した。おいおいこの機能作るのにどれだけ苦労したと思ってんだよ。大体そのインタビュー相手とか信頼に足りるわけ?正直全然信頼できないん

    エンジニアやデザイナーのあなたがUXとか持ち出すアイツを大っ嫌いな理由|ymtk|Takahiro YAMAGUCHI
    rufutani
    rufutani 2016/05/20
  • 1