マガジンのカバー画像

Wizマガジン

149
Wiz(ワイズ)のクリエイターが記事を書いています。現場ならではの声をお届けします! ▶︎https://note.com/wiz_creative/
運営しているクリエイター

#デザイナー

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

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

アメリカと日本で違うピンタレストのUIを分析

ピンタレストアプリのユーザー登録画面が、アメリカと日本でかなりUIが違ったので、分析していきたいと思います。ちなみに、ピンタレストはユーザー登録画面以外は基本的にアメリカと日本でUIが同じみたいなんです…。不思議です。 入力ステップの表示の仕方が違うアメリカと日本では、入力ステップの表示の仕方でいくつか違いがありました。 アメリカ ・ステップバーで進捗を表示 ・テキストで「1 of 3」と補足がある ・ボタンの上に表示されている 日本 ・点でステップを表示 ・一番上に表

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

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

Wiz デザイナーアウトプット会(4月4週)

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

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

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

Wiz デザイナーアウトプット会(3月3週)

弊社では毎週1回、アウトプット会を実施しています! 内容は、勉強会(内部or外部)に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。 クックパッドのヘルプサイトリニューアル▶︎クックパッドのヘルプサイトリニューアルでユーザーと運用の両方が楽になる体験を設計した話 旧と新のUIが全然違う! 質問数を減らし、見出しを目立たせることによってユーザーにとっても情報の理解も早まる。 その他、ユーザーテストしたことで分かった検証結果をもとに、検索機能の領域を小さ

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

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

Figmaですぐできるボードゲームを紹介!

Figma Communityでは、Figma上で遊べるボードゲームが公開されているを知っていますか? 今回はFigma Communityで公開されている作品から、すぐに遊べるボードゲームを紹介します。 Figmaでここまでできるのか...!!!という驚きとFigmaの可能性を感じてみてください〜! Figma Communityとはデザイナーが自分の作品を共有し、他のデザイナーからコメントをもらえることができるFigma専用プラットフォームです。Figmaアカウント

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

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

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

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

Figmaがもっと便利になる!【おすすめFigmaプラグイン5選】

こんにちは! 株式会社Wiz、UI/UXデザイナーの野口です。 WizではFigmaを使ってデザインしていますが、デザインする上でおすすめのプラグイン5選を選んでみました! Mockup手軽にモックアップ画像の作成ができるので、プロダクトのUIを当てはめたモックアップ画像を作る時などに使用します。 画面の部分を自分でマスクかけたりすることなく、入れたいFrameを選択すれば画面に反映されるので、便利! IconifyMaterial Design Icons、FontA

目の錯覚による違和感

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

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

こんにちは! 株式会社Wiz、UI/UXデザイナーの野口です。 なにやら素敵な試みを見つけたので、自己紹介兼ねて #デザイナーさんに10の質問 に答えてみました! 基本情報 佐賀県出身(SAGA) 福岡市在住 子供2人 デザイナー歴10年 制作会社3社→インハウス(今ココ!) 一応コーディングできるデザイナー。(でも今は、分業のため全く触ってません) Q1:デザイナーになったきっかけは? 大学4年で周りが就活始めた頃に、自分がなりたいものは何かを改めて考え直し

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

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