Wizマガジン

152

本

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

運営しているクリエイター

Wiz Engineer 技術共有会　3月第5週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。第4週は会をお休みさせていただいたので今回第5週の記事になります最近話題のプロンプトエンジニアリングについてプロプトエンジニアリングってみんな知ってた？最近話題のChatGPTですが、AIに命令する”プロンプト文”を生成する技術として注目を集めています。社内でも気になっている人がちらほら… 教育コスト

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

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

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

こんにちは！大阪でUI/UXデザイナーとして働いているミヤザワです。今回はAirbnbのアプリについて分析していこうと思います。目的としては、UX的視点も意識したデザインを作れるようになるためです。いくつか分析した中で良いと思った点を少し書き出してみようと思います…✍️ 1.直感的で使いやすいUIAirbnbではユーザーが必要な情報に簡単にアクセスできるようなデザインになっています。検索画面まずトップページの検索画面では、メニューが大きく下に表示されてお

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

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

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

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

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

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

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

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

Figmaアプリのアイコンの使い方が気になる...

Figmaアプリを使っていて、メニューアイコンの使い方が、画面ごとに違うのに気づき、色々考えていました。こんな意図があるのかな〜という個人的な考えを綴っていこうと思います。アイコン部分の他にも気になったところがあったので、そちらもサクッと合わせてまとめます！ 1.メニュー表示についてFigmaアプリ内では、デザインファイル内とその他の画面でメニューの表示が違うのです。デザインファイル内は、Figmaアプリの要素を極限まで削っているように感じます。なるべく作成したデザ

Wiz Engineer 技術共有会　3月第3週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 useContainerHeight() コンテナの高さをとるカスタムフックを作ったアコーディオンのような高さを取得してアニメーションを指定したい場合に非常に使えるカスタムフックで、非表示状態のコンテナの高さを取得できるようなものをつくりました。 k6という負荷テストツールを使ってみたk6というのは自分の行

Webサイトトレース

こんにちは！大阪でUI/UXデザイナーとして働いているミヤザワです。今回はデザイン力UPのために、Webサイトトレースをしたので、サイト分析と学びを書いていこうと思います！サイトトレースの目的「見る力」を鍛えるため。デザインツールの「理解」を深めるため。なぜこのデザインなのか「意図」が読めるようになるため。見る力とは何か、下記の記事を参考にさせていただきました。サイト概要今回のトレースしたサイトは、NUTIONさんのブランドサイトになります。ト

Wiz Engineer 技術共有会　3月第1週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 Next.js 13.2の内容で使えそうなもの探そうビルトインSEOサポート動的にmetaタグを作れるようになったのが大きい！いままで共通コンポーネントを作ってページで使い回したりしてたけどそれがいらなくなる Next.jsキャッシュ静的なページのビルドが早くなるかも！差分ビルドっぽい振る舞いにな

サイト分析のトレーニング

初めまして！大阪でUI/UXデザイナーとして働いているミヤザワです。未経験から独学でwebデザイナーを目指し、昨年5月にWEBディレクターに社内異動、そして今年1月からUI/UXデザイナーに異動しました。まだまだ新人ですが、自分なりに発信していければと思います✨ 初めての記事は、最近良いなと思ったWebサイトのデザイン分析してみようと思います。今回のサイト：BOTANISTキャンペーンサイトキャンペーンサイトとはサイトの目的春の季節に合わせた新商品の紹介・魅