マガジンのカバー画像

Wizマガジン

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

#UIデザイン

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

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

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

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

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

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

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

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

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

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

Google appの検索に誘導する設計を分析

こんにちは!東京で働く新米UI/UXデザイナーのダダダです。 普段使っているGoogle検索で、なんとなーく使っているけど、よくよくみてみると「すごい考えられている...!!!」と感じるポイントがあったので、書き起こしてみたいと思います。 今回は「検索」に焦点を当ててみます。 01:2つの検索でユーザーの検索導線を固めているアプリ開いた際の上部に検索ボックスが1つ、 そして、下部に「最近の検索」として検索がもう1つ用意されていることで、どこからでも検索ができるように誘導

NetflixのUIは目に優しい?ちょっと分析をしてみる

こんにちは! 東京で働く新米UI/UXデザイナーのダダダです。 先日、マイクロコピーに関するオンラインセミナーを少し聞いていた時、「Netflixのマイクロコピーはよく考えられている」という話を聞きました。そこで、Netflixを開いてよく見てみると色々な「すごいポイント」を見つけたので書き起こしておこうと思います。 ちょっと書き出してみると長くなりそうだったので、ログインのみに絞って書き起こしてみます。 01:近接でまとまりがわかる余白メールアドレスの入力欄、パスワー

オンラインミートアップでWizのデザイナーに会いに来ませんか?

こんにちは。ワイズクリエイティブです。 Wizでは、オンラインで行うミートアップを月1〜2回開催し、Wizで働いてみたいと考えている方とWizのデザイナーで交流を行っています。 実際にWizで働いているデザイナーの生の声が聞けるということで、大好評のミートアップの内容をご紹介します。 ミートアップについて ミートアップは、実際に顔を会わせて交流できるので現場で働くデザイナーの声を聞くことができます。 現在はコロナ禍もあり、ZOOMを使ったオンラインでの開催なので、お

【オフィス紹介】 Wiz CCT Labをご紹介します!

こんにちは。ワイズクリエイティブです。 今回は「Wizのデザイナーがどんなところで仕事をしているのか知りたい!」「もっと社内の雰囲気が知りたい!」という方々のために池袋にあるWiz CCT Labをご紹介します! この記事で、働く環境のイメージを掴んでいただけたら嬉しいです。 Hareza Towerハレザタワー Wiz CCT Labはハレザタワーにあります。 ハレザタワーは、JR池袋駅より徒歩4分と駅から近く、また周辺にコンビニや飲食店が多く、位置に恵まれています

Wizクリエイターのテレワークの働き方とは?行っている施策をまとめました

こんにちは。Wizクリエイティブです! 当社のクリエイティブ組織では、2020年3月よりテレワークを導入しています。今回は、Wizクリエイティブのテレワーク中の働き方をお伝えします! ・年々導入率が上がっているので、働き方が気になる ・子育てや介護の事情でフルタイムは難しい ・新型コロナが流行しているなかテレワークに移行したい 様々な理由でテレワークにご興味のある方がいらっしゃると思いますが、業務の中でコミュニケーションの取り方や実際の施策や日常で感じたことをご説明させ

デザイナーになりたい学生さん集まれ!20新卒デザイナーが就活Questionにお答え

こんにちは。ワイズクリエイティブです! 今回は、デザイナーを目指している学生さんに役立つ情報をまとめました。 現在ではデザイナーをしている私も就活期間を振り返ると、何から手をつけていいのか分からず途方にくれていました。周りに聞ける人もおらず、どのように情報を集めたらいいのかも分かりませんでした。 ・デザイナーになりたいですが、何から手をつけていいのか分からない。 ・就活をする上で必ず知っておくべきこと。 ・ポートフォリオをどのように準備すればいいのか分からない。 このよ

【第一回】デザイナーミートアップを開催いたしました

本年からWizのデザインチームにて、デザイナーが参加し業務説明を行う、【デザイナーミートアップ】を開催しております! 第一回目は1月、二回目以降は2月に2度、3月に2度の開催を予定しております。新卒向けや中途向け、デザイナー実務未経験者向けなど、経歴ごとにテーマを決め行います。 ZOOMを利用したオンラインでのミートアップとなりますので、お時間があう方は是非ご気軽にご応募いただければと思います。 今回は、1/26(火)に行われた、第一回デザイナーミットアップについてお届け

【インタラクションデザインとは?】UI・UXデザインとの違いを考察

こんにちは。デザイナーのNagumoです。 近年、デザイン分野において、インタラクションデザインという言葉を耳にすることが増えましたが、正直ピンときません。 具体的にどんなデザインのことを指すのか調べてみます。 インタラクションとはまず、インタラクションデザインは、ファッションデザイン、インテリアデザイン、グラフィックデザインなど、物理的なデザインを指すものではありません。 “インタラクション”とは、英語の「 inter(相互に)」と「action(作用)」を合成したも

デザインの参考になるギャラリーサイトまとめ5選

こんにちは。 今回はスマホサイトやアプリ、レスポンシブWebサイトの ギャラリーサイトをご紹介します。 デザインする際に参考になるUIやデザインがたくさんあります! 人気のあるサイトや海外のトレンドをチェックできます! 1.sps collection 国内のスマートフォンサイトが掲載されたサイトです。 Detailボタンをクリックすると下部に類似したデザインが表示されます。 気にとめていなかったデザインを閲覧することもでき、アイデアソースとしての派生が期待できると思います