デザインの図書館 by Zaim

ユーザーに最適な形で情報を伝えよう - アラート系 UI をまとめてみた #Zaim

アプリでユーザーへ何らかの案内や説明をしたいとき、いろんなUIの表現がありますね。どんなときに何を使ったら良いのかわからなかったので、まとめました。アラート系 UI にはどんなのがある？アラート系とは、ここでは以下のコンポーネントを指しています。スナックバー数秒で自動的に消えるメッセージ。バナーユーザーが操作しない限り表示され続けるメッセージ。置いたまま他の操作も可能。アラート/ダイアログ/アクションシート求められた操作が行われるまで画面に表示されたま

42

新卒 1 か月目でアプリ掲載画像を作り直したらダウンロード率が 11.8％アップした話 #Zaim

はじめにこんにちは、初めまして。Zaim デザイナーの @otoyan です。私は 6 月に新卒社員として Zaim に入りました。当初はイラストの書き起こしや UI 遷移図などを作成していましたが、1 か月が経過した頃、初めてまるっと任せてもらえたのが「Google Play ストアと App Store に掲載する画像（スクリーンショット）の改善」という業務です。 AB テストを実施したところ、アプリのダウンロード率が最大 11.8％アップする、という結果になりまし

35

Empty State をまとめてみた #Zaim

アプリの UI で、コンテンツがない空の状態（= Empty State ）を伝えたいとき、みなさんはどうしていますか？先日それで悩むことがあったので、どんなパターンがあるのか調べてみました。 1. コンテンツの状態を説明するパターン「〇〇はありません」といったように、「コンテンツがない」ことを伝えるもの。メリットシンプルでわかりやすい。デメリットどんなアクションをしたらこの場所にコンテンツが増えるのか、まではわからない。感想基本形。アプリの中でも、重要

34

iOS もシャドウ使っていいの？ - iOS の階層表現をまとめてみた #Zaim

あれ、iOS ってフラットデザインじゃなかった？でも、最近シャドウ表現増えてない？最近、iOS でもボトムシートや Floating Action button など階層（Z 軸）が異なる UI が少しづつ多くなってきた気がします。App Store の Today もカードにシャドウついてますしね。そこで、整理をかねて最近のデザイン傾向をコンポーネント別にまとめてみました。 *** ボトムシートのまとめ傾向シャドウあり。ボトムシートを画面上部まで引っ

123

デザインブログはじめます - Zaim のデザインノウハウを公開 #Zaim

Zaim、デザインブログはじめますどうも、Zaim でデザインやってます、あきです。今日から Zaim 名義でデザイン系 note 書くことにしました。その名も「デザインの図書館 by Zaim」もしよければフォローください！コンセプトデザインの知見を蓄積し、すべて公開する。以前から個人的に note 書いてましたが、今後は、より実務的な内容を書いていきたいと思います。Zaim で実際にリリースした施策の成果、デザインの失敗などなど。ぼくらが得たノウハウは

36

成果を引き出すタスク管理術 - 失敗する原因と解決 #Zaim

「上手くいかない」すごくがんばってるのに、なぜか上手くいかない。やることはたくさんあるのに、何からやっていいのか、わからない。ただモヤモヤと時間だけが過ぎていく、サービス開発最大の壁。これを何度も繰り返してわかったことは上手くいかないときは、そもそも「何をやったのか」を把握できていないことが多い、ということ。よく言われることですが、PDCA は現状把握からはじまります。適切にタスク管理すれば、現状把握ができるので、「失敗する原因」を特定しやすくなります。

198

Zaim の要望改善フロー - Asana x GTD で要望を整理する #Zaim

どうも、Zaim のデザイナーをしている、あきです。デザイナーといっても、データ検証〜施策立案〜デザインと広くやってます。今回は、Zaim の要望改善のやり方について書いてみます。目次はじめに要望改善のフロー　1.収集　2.整理　3.実行おわりにはじめにZaim では、ユーザーさんの意見をすごく大切にしています。ユーザーさんからのフィードバックには、ヒントが詰まっているので、すべて目を通すようにしています。以前はミーティングを開いて、毎月、み

52

オンボーディングまとめてみた

どうすれば新規の定着率は伸びるのか。サービスの良さがより伝わるのか。全ユーザーに影響を与えるオンボーディング。自分なりに UI をまとめたのでアップします。また、今回は UI パターンの前に「オンボーディングとは」の定義からはじめました。概念があいまいに感じたので。ちょっと長いですが、お付き合いいただけると嬉しいです。オンボーディングとはアプリにおけるオンボーディングは新規ユーザーをアプリに定着させるためのフロー。では、具体的に何ができればオンボーディング

140

AppStore スクショをまとめてみた。

先日、ストアのスクリーンショットを作り直しました。リファレンスも集めていたので、今後のためにパターン整理。デザインより、マーケティングよりかも。目次パターン整理　1. 定番感訴求型　2. メリット訴求型　3. 機能訴求型　4. ブランド訴求型おわりに　縦長との比較　リファレンスのリンク補足・リファレンスは横長（縦から横へ作り直したかったので）。・少し見辛いかも（元々アップ予定じゃなかったので）。・少し時間が経過しているので、いまは別スクショかも。

58

わかる、って何？

もっとわかりやすくして！これじゃ伝わらないよ！色んな人に言われるし、ぼくも色んな人に言います。でも、お前、そもそも「わかる」ってどんなことか説明できるの？？？？と、聞かれると黙ってしまいそうです。なので、勉強してます。認知心理学。整理がてら、まとめます。 *** わかるとは思考というプロセスが終わったあとに感じる感情。結果によっては「わからない」と感じる。わかるまでのプロセス以下の流れでわかるに至る。具体例で考えてみると、地図をみて郵便

35

UX を理解する - UX デザインの教科書

UXって結局なんなんだ？そう思って UX デザインの教科書という書籍を読みました。かなり前に書いたメモですが、note にアップ。「UXデザインの教科書」おすすめです。 # はじめにUXは多面的に捉える。そしてユーザーの感情は必ずセットで考える。目次・時系列UX ・UXに影響するモチベーション・ニーズと本質的ニーズ、そして体験価値・UXと利用文脈・UXと目標・おわりに # 時系列UX## 予想的UXサービスを利用する前に感じたこと。今後のUXすべてに影

42