Tradecraftに入って最初に出た各自がそれぞれやるべき課題のひとつに実際のプロダクトの改善にチャレンジするものがありました。全体の流れは以下のようなもの。 自分が改善したいと思う、そして誰もが知っているアプリを選ぶ 問題点を見つけ、その仮説を立てる ユーザビリティテスト（ゲリラ！）を行い、仮説を検証する 改善のプロトタイプを作る プロトタイプを検証するユーザビリティテストを行う この一連のプロセスをケーススタディとしてまとめる インストラクターのZacがひとりひとりに対して、丁寧にレビューをしてくれていたのですが、他のプロジェクトが始まり忙しくなったせいもあり、公開するための編集を放置してしまっていました。それをようやくまとめなおし、遂にMediumへ投稿することが出来たのが以下の記事でした。 この記事は、自分のスキル故に英語ではうまく書ききれなかった補足事項、Tradecraftの

2018年3月27日。ついにGoogleからモバイルファーストインデックス (MFI : Mobile First Indexing)へ移行するとの正式にアナウンスがありました。 モバイル ファースト インデックスを開始します (Google公式ブログ) これまでのGoogle検索では、パソコン版のページの中身を見て順位づけが行われていました。しかしこれからはスマートフォンの向けのページを重視して順位付けが行われる形になります。 弊社サービス「あなたのマイスター」では現在大規模なリニューアルを行っており、このタイミングでモバイルファーストインデックス（MFI）の基準を、なるべくクリアしたものにしたいと考え、簡単な調査をしました。 参考元 Best practices for mobile-first indexing 【チェックリスト】MFIに向けてやるべきこと：SMX West 2018

Real usage + ratings. Powered by data from our annual survey. See what's rising, falling, and what designers actually rate highest.

UXの社内勉強会をしようと思ったのは、あるお客様に以下のようなことを言われたからだ。 「ベイジさんでは全員がユーザー目線で考えてるんですよね？」 会社の現状を包み隠さず言えば、私たちの会社は「全員がユーザー目線」とは言い難い。ベイジは全員がディレクター、デザイナー、エンジニアなどの専門領域を持った制作者集団であるが、長年受託の制作会社で働いていた者も多いが故に、制作者目線、開発者目線、受託者目線に囚われ、時にユーザー目線から外れた判断をしていても気が付かないことがある。 危機感を感じるのは、クライアントの多くがユーザーを理解しようとし、ごく自然に「ユーザーのためにはどうするのがいいのか」という発想で物事を考えているからである。もちろんその精度にはバラつきがあるし、企業目線になってることも多々あるが、近年のUXブームのおかげか、勉強熱心なクライアントほど「ユーザー目線で物事を考える」は仕事の

こんにちは。サービスデザイナーの佐藤 史です。 サービスデザインには、さまざまな専門的メソッドが存在します。サービスデザインの普及に伴って最近ではさまざまな書籍が発行されたりセミナーが開催され、皆さんが所属されている企業や団体の中でも実際にサービスデザインの手法を試みられたり、ツールを活用される機会も多くなっているのではないでしょうか。 しかし同時に、ツールを使うこと自体が目的化してしまったり、本来の意義を踏まえずにやり方の部分だけを表層的に真似してしまったりすることで、やってみたはいいけど効果や成果を実感できなかった、というようなケースも見受けられるようになってきました。 どんなに優れた手法・ツールであっても、使う局面や目的を間違えると、期待した成果は得られません。 そこで、本稿では、コンセントが普段関わっている多くのプロジェクトの中で、よく使われていて、かつ専門性の高い手法・ツールにつ

noteやブログで使えるカバー画像をサクッとつくれるサービスを公開しました 作業効率UP！InVision Studioのショートカットキーまとめ Webサービスは総合格闘技である

UI Crunch #11 金融業界に革命を起こす、FinTechスタートアップのUIデザイン / 2017.09.06

The place to launch and discover new tech products.Take a tour.

Sketchのデザインリソースをダウンロードできたり、様々なところで配布・公開されているものをまとめているサイトのまとめです。 中には素材に限らずちょっとしたテクニックやチュートリアルを紹介したり、便利なツールやプラグインの紹介をしているサイトもあるので、普段からSketchを多用している人はもちろん、これから使ってみようと思っている人もぜひチェックしてみてください。 紹介しているサイトの多くはフリーの素材を中心にまとめてはいますが、サイトでは特にライセンスの記載がなくても配布・公開元では制約がある可能性もあるので、利用する場合はそちらも併せて確認することをおすすめします。 Sketch App Sources ひとつ目からここだけ覚えておけば十分なレベルのサイトですが、Sketchのデザインリソースを数多くまとめているサイトで、現時点（当エントリー公開時点）でも2800以上がまとめられて

Brand is your most valuable asset. brand.ai makes it machine-readable so every team, tool, and agent gets it right. As AI agents proliferate across your organization, they all need brand context. Brand OS structures your brand into machine-readable intelligence. Brand Studio turns that intelligence into on-brand work at scale.

PSDDD.co is an extensive collection of free Photoshop PSD & Sketch App resources for professional UI designers.

この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク

ベルリンのUX/UI Designer Meetup とやらに参加しました、今日。 なぜなら、ベルリンの友達を増やしたくて。 何気にベルリンにきて、まともにデザイナーイベントに参加するのは初。 というか、meet upたくさんあるんだけど、ほとんど行ったことがない。 場所は、N26。 N26とは、ベルリンのイケてる銀行のスタートアップのひとつです。 https://n26.com オシャピーな銀行。 Banking by Designだって。 若い人は結構N26を登録していて、お金を管理しとるっぽいです。 私も近々登録する予定。 イベント、人が予想以上にたくさんいた。 100人くらい登録があったらしい。 ただし、日本人は私だけの模様。 アジア系の人もあと3人くらいしかいなかった印象。 友達ができるかも！イケメンに会えるかも！ 淡い期待走る。 ビールとピザ、振舞われる。 ってか、ピザ。 って

今回は「なぞなぞとUIデザイン」について。ぼくがUI設計をする際、いつも思っていることがあります。 「なぞなぞとUIデザインは似ている」 問題に挑む側としても。出題者としても。 たとえばこんなのはいかがでしょう。 電球を用いて1から9までの数字を表現します。最も少なくて何個で表すことができるでしょうか？ 一番最初に考えつきそうな答えをご紹介しましょう。9個の電球を並べ、左から順に1から9までの役割を与えます。分かりやすいですね。 もちろん、本なぞなぞの答えはもっと電球の数を減らせます。答えを考えてから続きをどうぞ。 電球とナンバリング ここではふたつの答えをご紹介しましょう。 二進法を使うとどうだろう 先ほどとは並び方が異なりますが、二進法で電球を並べてみましょう。左に行くにつれ桁数が上がっていきます。(下記は例として5を表現しています) 解決すべき課題は1から9まで数えることですが、電球

A collection of great design reads — UI, UX, web design, prototyping and beyond with Sketch

WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch, Photosh