MAI OKAMOTO portfolio

事業会社でUIデザイン/UX開発・Webデザイン施策/解析・ブランディングのお仕事をしています。
デザインやUIに関する記事を『ハードル低く、分かりやすく』をモットーに。
備忘録のような記事を書いています😄
https://bento.me/maiokamoto

maiokamoto｜note

デザインのお守りと題して、デザイナーが困った時、少しだけ力を貸してくれる「お守り」になる言葉をnoteにまとめました。

デザインのお守り｜maiokamoto｜note

UIデザイナーの必読書「オブジェクト指向UIデザイン」を読んで得た学びを、自分のための備忘録としてnoteにまとめます。

オブジェクト指向UIデザイン：読み合わせ｜maiokamoto｜note

アプリや機能の改善をどのように洗い出し、整理して実行すればいいのか？UX改善と言えば聞こえはいいものの「何から」「どのように」始めればいいのか難しいですね。今回は、実際にあるアプリを自分がユーザーになり評価し、改善ポイントを導き出す「ユーザービリティ評価」のレポートを作成してみたいと思います。 
     
         
             


Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで





www.amazon.co.jp

 
2,420円

(2022年04月28日 10:24時点
詳しくはこちら)

 

UX実践！とあるアプリの改善ポイント😤｜maiokamoto

UAをGA4に移行する際、Google Tag Maneger（以下GTM）で作成したカスタムイベントの計測で設定した内容を、備忘録として書き残します。  やりたいこと😤    ページでボタンがクリックされる    GTMのカスタムイベントが発火    クリックされた場所（ページ階層）、クリックされたボタン（Click URL、またはID、Class名）の情報がGA4に送られる   カスタムイベントで取得したい内容例 まずは、UAとGA4の相違＆注意点👀   UAのイベント集計：「カテゴリ」「アクション」「ラベル」「値」 GA4のイベント集計：「イベント名」「パラメータ」   UAでの

GTMカスタムイベントを、GA4で計測する｜maiokamoto

IT業界はツールや用語の種類が多く、情報更新も頻繁なので大変ですね…。今回は、仕事する上でよく聞く用語を『開発チームで働くUIデザイナーのための、開発用語カンペ』としてざっくりとまとめました。（随時更新予定…✍️）   📝開発系（プログラミング言語）  Javascript  HTML、CSSと並ぶ主要プログラミング言語。動的なWebページを作るために利用される（スライダー、ポップアップなどのアニメーションなど）。ChromeやFirefoxといった「ブラウザ上」で動作する、PythonやRubyのような一般的なプログラミング言語は「パソコン上」で動作する。   デザイナーも知っとこ 

開発チームで働くUIデザイナーのための、開発用語カンペ📝（開発系）｜maiokamoto

iOS のヒューマンインターフェースガイドライン（Human Interface Guidelines）とは、Appleの各種デバイスのUIデザインの設計思想・デザイン原則・実装指針などをまとめたもの。（2023年6月に大幅更新あり） UIデザインの基本的な指針として、参考にすべく、覚えておきたいポイントと実例と交えて整理したいと思います。     アプリヘッダー ＆ ナビゲーションデザイン時に、気にしたいHIGポイント🍎  Sidebars（サイドバー）  サイドナビゲーションタイプのメニューは、スクロールできるので、　項目数が多い時や、長いタイトルを格納できるが、 隠れたナビゲーシ

iOS ヒューマンインターフェース要点🍎に、よくみる実例パーツを添えて…🥗｜maiokamoto

この記事中の「カラーを理解するためには数学が大切」セクションを参考に、HSBで色調整する方法を考察してみました。  


これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ


Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユー


coliss.com



 
Midium：原文 HSB（HSV）値の基本情報  記事中で使われているHSBを理解するための、基本情報。 彩度（S）を下げると最後は白になり、明度（B）下げると最後は黒になることを理解しておく。 彩度（S）を

HSB（色相、彩度、明度）を、足し算・引き算で馴染ませる｜maiokamoto

Figma

2019年〜株式会社スマレジ。制作会社で主にBtoB案件をメインとしたWebデザインに従事。現在はクラウドPOSシステム『スマレジ』をはじめとしたサービスのWebサイト施策・解析、プロダクトのUI/UXデザイン、ブランディングに関わっています。

岡本 満衣のプロフィール - Wantedly

株式会社スマレジの岡本 満衣のプロフィールや投稿。【現在のお仕事】
2019年〜現在まで、株式会社スマレジで、クラウドPOSシステム『スマレジ』をはじめとしたサービ スの、Webサイト制作をメインに、さまざまなデザイン(サービスサイト、ブラン...