TSUMIKI UIデザイン｜TSUMIKI UIデザイン事業部

検索結果の絞り込み・並び替えUIの観察

先日、検索結果の絞り込みUIの検討をするために事例を調べたところ、意外にもアプリによって様々な違いがありました。面白いテーマなため観点ごとに違いを整理し、メリット・デメリットや設計意図を考察しました。注目した観点は以下の7つの点です。 1. 絞り込み・並び替えボタンの配置 2. 絞り込みと並び替えの区別 3. 絞り込みUIの表示方法 4. 絞り込みUIの非表示方法 5. 絞り込み条件の指定方法 6. 数値の範囲で絞り込む場合の指定方法 7. 絞り込み後の表示の変化これら

269

つみきのデザイン提案のすすめかた

つみきでデザイナーとして活躍してるYukikoです！たくさんのクライアント様からWebサービス、アプリのデザイン制作をご依頼いただいてます。新規サービスの立ち上げから一部リニューアルまで、お客様にご満足してもらえるように心を込めて制作させて頂いてます。今回は、そんな弊社のデザイン提案のすすめかたをご紹介していきます。たとえばこんなご依頼の場合…実案件をお見せできないので、仮想で下記の発注があったとして進めていきます。・東京港区にある大人向けのフレンチレストラン「Bon

27

スピードプロトタイプ制作サービス

スマホアプリのプロトタイプを、ご依頼から最短４週間で提供します。理解しやすさと使いやすさが考慮されたプロトタイプによって、ユーザーテストや事業アイディアの検証を効果的に進めることができます。こんな方におすすめ ✅ 新規サービスのアイディアや、追加機能のアイディアを素早く形にしたい ✅ アイディアはあるがどう形にして良いかわからない ✅ ユーザーテストを行いたいが社内でプロトタイプを制作できない ✅ 複雑な機能をわかりやすく説明できる画面イメージがほしいご利

12

瞑想系アプリのマイクロインタラクションを考察してみた

つみきでデザイナーとして活躍してるYukikoです！こんな御時世だから圧倒的に癒されたい。でもイヌもネコも飼う余裕ないから瞑想アプリを使って気軽に自宅で心身を浄化してみることにしてみました。たまには誰にも邪魔をされずに目をつぶって己と対話し無我の境地へ…。今回はそんなヒーリング効果バツグンな人気の瞑想系アプリのUXを考察したいと思います。 Relax Melodiesさまざまなヒーリング系サウンドをミックスしてオリジナルの癒し音を作成したり瞑想ができるアプリです。 ◎ 好

6

メルカリのアプリストア評価依頼文を考えてみた

こんにちは。最近、メルカリで使わなくなったWiMAXルーターを出品（初!!）したところ、すぐに、言い値で売れたのが、地味にめちゃ嬉しかった斉藤（37歳・男性）です。株式会社つみきでディレクターとライターをやっています。取引が完了したタイミングで、こんな画面が表示されました。アプリストアでの評価を求めるメッセージです。わたしはAndroidユーザーなので、Google Playへの導線が貼られています。初取引を無事に終えて、懐があたたかくなったハッピーなタイミングで

32

ロゴデザインをつくる PART.03 -ガイドライン篇-

ロゴが完成したら、ガイドラインを作ります。簡単にいうと取り扱い説明書みたいなものです。ガイドラインをつくる例えば、納品後にクライアントの娘さんが勝手にRANRANのポスターを作ったとします。（RANRANについては、PART.01をご覧ください）デザイナー的には「縦文字のバージョンなんてつくってない…。」「後ろの写真の色と重なっていて見にくい…。」などなどデザイナーの意図とは違う、間違った使い方をされてしまう可能性があるかもしれません。「使う前に一言声かけて

148

ロゴデザインをつくる PART.02 -シンボルマーク篇-

PART.01の方ではロゴタイプ（書体）を作成しましたので、この回ではシンボルマークを作ってみます。シンボルマークを作る時に心掛けていることは、いかにシンプルで強くわかりやすいかを念頭に置いて制作するようにしています。シンボルマークの制作まずモチーフを整理します。犬のトリミングサロンなのでカットの要素を少し押し出してみます。カットといえばハサミになるかと思います。このハサミにもう1つうまいこと絡めると説得力が倍増すると思っています。 1つのモチーフに複数の意味を

124

ロゴデザインをつくる PART.01 -書体篇-

自分は今まで、会社・サービス・美容室・病院などいろいろなロゴを作成してきました。いつもどのようにロゴを作っているのかを自分の整理とアップデートを兼ねて簡単な流れをまとめてみました。すこし長くなるので3つのパートに分けて説明していきたいと思います。こちらのページではPART1の・制作に取り掛かる前にやっていること・書体をつくるを書いていきたいと思います。制作に取り掛かる前にやること 1.サービスの内容を知るまずは、どんなサービスで、どんな風にみられた

578

プロジェクト事例 - スマ婚縁結びのUIデザイン

つみきは、アプリ完結の結婚相談所「スマ婚縁結び」のUIデザインを担当しました。「スマ婚縁結び」では結婚相談所のサービスをアプリから受けることができます。様々な操作をシンプルに迷いなく行えることと、結婚を真面目に考えている方に向け、真剣さや信頼感を感じられるデザインを目指しました。 https://smakon-enmusubi.com/ ※ 各画面の表示内容や機能はデザイン制作時点のものです落ち着いた配色と、情報の識別性の両立アプリ全体を通じて信頼感が感じられ

31

メルカリのマイクロインタラクションを考察してみた

つみきでデザイナーとして活躍してるYukikoです！「不用品が誰かの宝になる素晴らしさ」をメルカリ出品者として身を持って経験した私です。iPhone12がでる1ヶ月前に魔が差してiPhone11新品を衝動買いし、当然のごとくiPhone12の最新スペックに嫉妬して後悔…。初メルカリでiPhone11（ほぼ未使用）を出品したら４時間で即売したミラクル体験を元にUXの特徴を考察したいと思います。 This is Mercari 超人気フリマアプリ。アマゾンで探す前にまずメルカ

50