【UXエンジニアを目指すには？】クックパッドのUXエンジニアに聞いた、働き方や勉強法 - エンジニアtype | 転職type
2019.09.19 スキル スマートフォンの普及以降、Webページやアプリケーションのデザインが大きく進化してきた。同時に、快適なユーザー体験を支える（UX/User Experience）UXデザインの重要性も高まっている。そんな中、近年新しい職種として注目を集めているのが、デザイナーとエンジニアの領域を横断し、一貫してプロダクトに落とし込む「UXエンジニア」だ。 では、既存のエンジニアがUXエンジニアへのキャリアチェンジを目指そうと思った際、一体どんなことから始めたらいいのか。クックパッド株式会社でUXエンジニアとして働いている重田桂誓さんに話を伺った。 クックパッド株式会社 UXエンジニア 重田桂誓さん 高専卒業後、筑波大学大学院を修了。学生時代にGoogleMapsやTwitterのUIに衝撃を受け、デザインに強い関心を持つ。新卒でミクシィに入社後、デザイン領域により深く関わるた
UXピラミッド – UXデザインの正しい評価方法 – デザイン会社 ビートラックス: ブログ
前回の「UXハニカム – UXデザインの正しい品質評価方法 –」では、サービスやプロダクトのUXデザインを評価する際に一般的に用いられている、UXハニカムを活用した方法を紹介した。加えて、実はもう一つユーザー体験のクオリティを測る方法がある。 ユーザー体験を構成する3つのポイント消費者がサービスを受けるとき、ユーザーがプロダクトを利用するときに受け取る体験の質を高めるのがUXデザイナーの仕事になる。 そして、その体験を左右するのが、1. 見た目の品質 (Look), 2. 感覚の品質 (Feel), 3. 使いやすさ (Usability) である。大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れた体験を提供することが可能になる。 実用性と利用感覚を測るUXピラミッドUXハニカムに加えて、もう一つのUXクオリティを測る手法としてUXピラミッドがある。6つの階層で構
話題の Portals を使った画面遷移 UX の未来 | ウェブボウズ
ご無沙汰しております。ウェブボウズを立ち上げて 1 年が経ちました。皆さま如何お過ごしでしょうか。私は、この 1 年間ひとつもブログポストできていません。さらには私の坊主頭（スキンヘッド）にちなんでウェブボウズという名前をつけた個人ブログでありましたが、5 年間共にしたこの Hair-less style から心機一転して 2019 年は髪を育んでいく方針を固めましたので、もはやボウズでもなくなってます。変わり続けることだけが普遍であると胸に刻んで今年も強く生きていきたいと考えております。 さて、最近 Signed HTTP Exchanges やら Performance Budget やらさまざまな面白いことに関わらせていただいて忙殺と幸せを噛み締めている中でも、Chrome Dev Summit 2019 でも大きくフィーチャーされました Portals という新しい HTML 要素
UXの社内勉強会で私が伝えたかった2つのこと｜Tsutomu Sogitani
UXの社内勉強会をしようと思ったのは、あるお客様に以下のようなことを言われたからだ。 「ベイジさんでは全員がユーザー目線で考えてるんですよね？」 会社の現状を包み隠さず言えば、私たちの会社は「全員がユーザー目線」とは言い難い。ベイジは全員がディレクター、デザイナー、エンジニアなどの専門領域を持った制作者集団であるが、長年受託の制作会社で働いていた者も多いが故に、制作者目線、開発者目線、受託者目線に囚われ、時にユーザー目線から外れた判断をしていても気が付かないことがある。 危機感を感じるのは、クライアントの多くがユーザーを理解しようとし、ごく自然に「ユーザーのためにはどうするのがいいのか」という発想で物事を考えているからである。もちろんその精度にはバラつきがあるし、企業目線になってることも多々あるが、近年のUXブームのおかげか、勉強熱心なクライアントほど「ユーザー目線で物事を考える」は仕事の
「お金を払った感」はどのようにデザインすればよいのか｜Goodpatch Blog グッドパッチブログ
私たちは普段、お店でものを買う際には必ず「お金を払う」ということを行っています。現金やクレジットカード、交通系電子マネーに加え、最近ではApple Payなどのスマートフォンによる電子決済サービスも登場しています。そのような新しい決済サービスを使ったことがあるという方も増えてきているのではないでしょうか。 このブログでも度々注目されているお金とデザインのこと。先日起こった私の実体験を通して、このような「お金を払う」という体験のデザインについて考えてみたいと思います。 とあるコーヒーショップでの体験談：フィードバックの勘違い これは、とあるコーヒーショップでバーコード決済アプリを利用した際に体験した実話です。 さて、3コマ目で私はなぜ「会計が終わったな」と勘違いしてしまったのでしょう？ 振り返ってみると、会計時に私はこんなことを考えていました。 1コマ目：「電子決済アプリで支払いたい」 2コ
User-centric performance metrics | Articles | web.dev
User-centric performance metrics Stay organized with collections Save and categorize content based on your preferences. We've all heard how important performance is. But when we talk about performance, and about making websites "fast", what specifically do we mean? The truth is that performance is relative: A site might be fast for one user (on a fast network with a powerful device) but slow for a
UX論はサービスの設計で役に立たないって結論 - architecture_database
前回XP祭りというイベントに対して事前にUXについての疑問を投げさせて頂いたところ、しっかりと取り上げて頂いたようで感謝しております。 XP祭り2016で発表してきたことと「UX論は時代遅れなんじゃないの？」論に対する回答 #xpjug - ミッションたぶんPossible しかし上記のエントリを読む限り、こちらの言いたいことが何一つ伝わってないみたいで、ちょっと残念な感じですね…。 特にガチャ周りの反論部分。この部分については記述された内容を読む限り「UX論はサービス設計の役に立たない」という結論になりそうですが、それでよいんですかね…？ 以下、2箇所引用。 ソーシャルゲームのガチャについても同様で、あえてUXデザインと捉えた時(何度も繰り返しますが、ソーシャルゲームのガチャはゲームデザインの範疇でUXデザインではありません)、「その後の生活苦を考慮しないほどガチャを回す」ような性質を持
無限スクロール vs ページネーション：それぞれの特徴と使い分け
無限スクロールのメリット １．ユーザーを没頭させ、コンテンツを発見させる データ探索の主要な手段としてスクローリングを使う場合、無限スクロールはユーザーをwebページにより長く滞在させ、よりエンゲージメントを高めることができます。ソーシャルメディアの人気に伴い大量のデータが消費されている中、無限スクロールは、ページが前もって読み込まれるのを待つことなく、膨大な情報を閲覧するための効率的な方法です。 無限スクロールは、「発見」のためのインターフェースであれば、ほぼ必須の機能です。ユーザーが特定のものを探していない場合、気に入った一つのものを探すために大量のアイテムを見る必要があります。
Using Animation to Enhance UX
A deep-dive into how animation can make web interfaces easier to understand with real world examples. Animation has been used very successfully to delight and engage film viewers – I don't need to quote IMDB ratings of Pixar films in order to highlight their popularity. Likewise, used in the right way animation can improve an interface and enhance UX, sometimes even making it magical. Why does ani
Form Validation UX in HTML and CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. You can do an impressive amount of form validation with just HTML attributes. You can make the user experience pretty clean and clear with CSS selectors. But it does require some CSS trickery to get everything just right! (You can) make the label look like a placeholder Firs
UXってなんだっけ？普段UXに関わらない人のためのUXの定義
「UX」という言葉やその使われ方に今でもモヤモヤしていて、なんだかしっくり来ていない状態です。「UX」と言われても、それだけでは漠然としすぎていて意図がすんなり伝わってこないことが多いと感じています。ということで、今回は「UX」という言葉について整理してみます。職場でも積極的にUXについて議論していきたいので、ミスコミュニケーションが生じないように、まずは自分が「UXってなんだっけ？」ということを掘り下げて整理しておこうと思います。 UX業界の方々（？）には当たり前のことかもしれませんが、意外と気づかないところでミスコミュニケーションを引き起こしていないでしょうか？ 目次 ミスコミュニケーションの原因は「言葉の定義」 「UX」の理解は十人十色 話を進める前に まずは議論する「UX」の種類を明確にする 現象としてのUXとは？ UXが扱う「システム」とは？ 議論で扱うUXの「範囲」を整理する
UXとWebパフォーマンス、そののっぴきならない関係 – 竹洞陽一郎ロングインタビュー
UXとWebパフォーマンス、そののっぴきならない関係 – 竹洞陽一郎ロングインタビュー 白石 俊平（HTML5 Experts.jp編集長） HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第三弾です。 株式会社Spelldata CEO、そしてエキスパートNo.54の竹洞陽一郎さんに、「UXとWebパフォーマンス」について聞いてきました。UXとWebパフォーマンス、なんとなーく関連ありそうだなーくらいの気持ちでインタビューをお願いしたのですが、それらに密接な関連があるというだけではなく、マーケティング活動にも大きな影響があることなど、経営者ならではの視点からのお話も聞かせていただきました！ パフォーマンスに関する認識が甘いそこのアナタ、意識が変わること請け合いのインタビューです！ どうぞお楽しみください。 ▲左から、インタビュアー白
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
Wayfinding For The Mobile Web — Smashing Magazine
To help balance the craving for visual simplicity with the need to keep websites easy to navigate, you can borrow some concepts from the world of wayfinding. In this article, Dennis Kardys will show you how you can apply these concepts to the mobile web. Keep in mind that every person who browses an application is making their way through a space — often an unfamiliar one. As the user embarks on t
画像重視のデザイン：大きければいいのか
大きな画像には視覚に訴える力がある。しかし、その優先順位づけを誤ると、全体のユーザーエクスペリエンスにとっては害になりうる。 Image-Focused Design: Is Bigger Better? by Kathryn Whitenton on September 28, 2014 日本語版2014年10月20日公開 百聞は一見にしかず、と言うように、人は視覚的な生き物である。ユーザーの関心を引き、自分たちのメッセージを伝えるのに、画像は効果的な手段だ。ネットワークやデバイスによってより大きな画像が表示可能になるにしたがい、目をひく、巨大な画像を組み込むWebサイトは増えるばかりだ。そうしたサイトでは画像を1枚だけ選択することができず、カルーセルで数枚の画像を表示していることも多い。 Southwest Airlinesの新しいトップページはこのトレンドのいい例である。ページで最も
クックパッドでのユーザ調査 - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの長野です。 今回は、クックパッドで定期的に行っているユーザ調査について、下記の流れでご紹介してみたいと思います。 なぜ調査するのか どのような調査をしているか 調査結果の記録と共有の方法 実際のサービスに活かされた事例 1. なぜ調査するのか クックパッドでのものづくりはすべて、「誰のどんな課題を解決するのか」を明確に定義することから始まります。そのためには、対象となる「人」への理解が不可欠であり、ユーザ調査はその手段です。 現在クックパッドでは、レシピ検索だけでなく生活全般へと事業領域が広がってきており、提供するサービスが対象とする「人」の生活や利用シーンの幅も、ますます多様化しています。それにともなって、様々なタイプの人の生活を理解することが必要とされてきており、ユーザ調査を活用する意味も、より強まってきていると感じています。 2.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
cakes（ケイクス）
cakes（ケイクス）
UX Check