Wizマガジン

レシピアプリのUI/UXを比較してみた

こんにちは！大阪でUI/UXデザイナーとして働いているミヤザワです。最近よく料理をするので、その際に利用しているレシピアプリのUIが気になったので比較しつつ分析していこうと思います🔍 比較サービス①：クックパッド最もポピュラーなサービスの1つであるクックパッド。1500万人を超えるユーザーを持つ大きなレシピアプリです。比較サービス②：クラシルこちらも多くの方が利用されているであろうレシピアプリ、クラシル。動画で手順を確認できるのが特徴です。38,000以上のレシピ

「Spotify」のUI/UXについて分析してみた

こんにちは！大阪でUI/UXデザイナーとして働いているミヤザワです。今回はユーザー数の多いサービス、Spotifyについて分析していこうと思います。目的としては、UX的視点も意識したデザインを作れるようになるためです。今回もいくつか分析した中で良いと思った点を少し書き出してみようと思います🚀 1.分かりやすいUI設計SpotifyのUIはシンプルで、メニューとボタンが直感的に配置されています。音楽再生、プレイリストの作成、曲の検索、アーティスト情報の閲覧など

Wiz デザイナーアウトプット会（7月2週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。グリッドスタイルについて・8ptグリッドシステムでは、4ptベースラインが使用される。この基本単位は、異なる活字サイズとラインハイトの組み合わせをセットアップし始める際に、計算を簡単にし、拡張性を持たせる。・制約を適切に設定することで、レイアウト・グリッドに対してアイテムのサイズを変更することができ、固定されたカラム

Wiz デザイナーアウトプット会（7月1週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。 figmaのアプデがいろいろあった・開発モードの実装（2023年中は無料とのこと）　→インスペクトの機能がめっちゃ詳しくなった的な感じ　→VS Code 用の拡張機能追加・バリアブルを使ってデザインテーマを作成可能【新人デザイナーあるある】　見落としがちなデザインフォントスタイルによっては、漢字・カタカナ・英語

Wiz デザイナーアウトプット会（4月5週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。超わかる！ユーザーエクスペリエンス（雑）「よいエクスペリエンス（雑）」とは、「ユーザーの精神活動をいい感じにしていくこと」の積み重ね。ユーザーエクスペリエンス（UX）とは「ユーザーが対象と関わりはじめてから、縁が切れるまで、脳内で発生した精神活動のすべて」です。脳内で発生したエクスペリエンスを良いものに変換すること

Wiz デザイナーアウトプット会（4月4週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。プレミアプロが大型アップデート文章で動画編集が可能になって、操作しなくても編集ができる。動画の取り込みが容易になるため、今後動画作成やデザインの中に動画を組み込むのが気軽にできるようになりそう。 1pxへのこだわり1pxへのこだわりは、顧客に信頼を与え、時代への適応性を強化し、現場に秩序をもたらす、そして事業全体を支え

Wiz デザイナーアウトプット会（4月2週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。デザインの仕事においてROIをどのように見積もるのか？調査によると66％のCEOはデザイナーが何をしているか理解していないという事が判明…。デザイナー側が何をしているのかをビジネスサイド側に理解してもらうために日々の業務を数値化していくことが大事。 ※デザインシステムを実装することは、平均65万ドルの機会に相当すると

Wiz デザイナーアウトプット会（3月5週）

弊社では毎週1回、アウトプット会を実施しています！内容は、勉強会（内部or外部）に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。 studioがテンプレートストアを公開studioの練習で有料テンプレートの模写とかやると、思わぬ使い方を発見できそう。テンプレートの「エディターで試す」を押すとタグやテキストなども見れるのでこれから参考にしたい！ LINEのリアクション機能の意思決定の話リアクション機能がなかった時のユーザーの悩みを深掘りし、リアク

Behanceアップデートしてたらしい！

アドビが運営するソーシャルメディアプラットフォーム「Behance」のアプリが、3月15日にアップデートされましたね。今回はそんなアップデートされた箇所の紹介と、気になっている箇所のUI分析をまとめます。「Behance」使ったことない..見たことない..という方は以下から覗いてみてください！たくさんのクリエイターが作った作品を見ることができて楽しいですよ！ ▼アプリ版 ▼Web版「Behance」の何が変わっている？はじめに、「Behance」のアップデート内容

「みんなの銀行」のUI分析してみる

ずっと気になっていた、「みんなの銀行」をやっと使い始めました。そこで、結構いままでのアプリと違って、使いやすい・驚きの点がいくつかあってので書き起こしてみます！ 01.文字を読まなくでもわかるUI設計「みんなの銀行」アプリ全体で、文字よりもイラストメインのUIになっています。ユーザーが普通のページで読むのはテキスト全体の20％程度と言われているので、「みんなの銀行」では、文字を読まなくても大体察せられるぐらいの状態を常に作っていることを感じました。また、自分でわか

『#デザイナーさんに10の質問』してみました！！

こんにちは！株式会社Wiz、UI/UXデザイナーの山田です。前回に引き続き、デザイナー10の質問シリーズです！今回は22新卒のデザイナーに答えてもらったので、是非最後までご覧いただけると嬉しいです。基本情報・22新卒の都築さん・日々、コスメや化粧品の研究に励む・昨年の12月からテニスの王子様にハマる（映画館でペンライトを振ってストレス発散してます）・モチベーションが上がる食べ物はおしゃぶり昆布 Q1:デザイナーになったきっかけは？高校3年生のときに合

『#デザイナーさんに10の質問』してみました！！

こんにちは！株式会社Wiz、UI/UXデザイナーの山田です。以前に引き続き、デザイナー10の質問シリーズです！今回は社内の若手デザイナーに答えてもらったので、是非最後までご覧いただけると嬉しいです。こちらの記事も読んでいただければです！基本情報・21新卒の黒田さん・WEBディレクター歴1年（PdM少し）・UIUXデザイナー歴3ヶ月ちょっと。・静岡県出身なので、お茶の淹れ方にはうるさいそうです…笑・東京なら母数が多いから、マッチングアプリとかで良い人

目の錯覚による違和感

こんにちは株式会社Wiz、UIUXデザイナーの山田です。今回は目の錯覚についてお話していきます！ツールを使用してデザインする際に、数値上では均整が取れているのに目の錯覚で違和感を感じたことがないでしょうか？この目の錯覚による違和感をクイズ形式で紹介していきます！ではスタート！！問題1：正しいUIはどっち？（正解は10行後）正解は右です。左は同じ色を使用してますが、テキストの方がボタンより明るく見えます。逆に右側はボタンよりもテキストの色を少し濃い色に

【デザイナーに10の質問】答えてみた...

こんにちは株式会社Wiz、UIUXデザイナーの山田です。今回から定期的に社内デザイナーに10の質問をしてみようと思っています。その第1段として自己紹介も兼ねて、私が答えて行きたいと思います。それでは、さっそく答えていきます！ Q:デザイナーになったきっかけは？ A:大学時代マーケティング・心理学を専攻しており、人の行動原理を考えることは好きでした。さらに、デザインの学習をする中で、UI/UXデザインという考えがビジネスをスケールさせているということを知ることができた

フォローしませんか？

#UIUX

レシピアプリのUI/UXを比較してみた

「Spotify」のUI/UXについて分析してみた

Wiz デザイナーアウトプット会（7月2週）

Wiz デザイナーアウトプット会（7月1週）

Wiz デザイナーアウトプット会（4月5週）

Wiz デザイナーアウトプット会（4月4週）

Wiz デザイナーアウトプット会（4月2週）

Wiz デザイナーアウトプット会（3月5週）

Behanceアップデートしてたらしい！

「みんなの銀行」のUI分析してみる

『#デザイナーさんに10の質問』してみました！！

『#デザイナーさんに10の質問』してみました！！

目の錯覚による違和感

【デザイナーに10の質問】答えてみた...