マガジンのカバー画像

BONO-マガジン

36
本
BONOを使って学んでいるnoteを集めます
運営しているクリエイター
カイクン🤘

Spotifyで友だちが聴いている音楽が分かる機能 - 追加お題にチャレンジしました

今回はBONOのこちらの追加お題「友だちが聴いている音楽が分かる機能を、Spotifyを初めて使う人が知れて使い始めやすくするUI」を考えました。 作成したUIのプロトタイプはこちら お題の前提前提として、ペルソナとコアコンセプトは決まっていました。 また友だちが聴いている音楽が分かる機能の画面については、動画をもとに作成しました。 目指したい形初めに、行動フローの整理から行いました。 導線としては、アプリを開いた時にグローバルナビゲーションのMy Libraryに通

Shiina

【BONO】音声SNSアプリのUIデザインをしてみました！

こんにちは！めーら（@mela_dayo）です。 今回は、UIUXデザインのスキルアップのために参加しているオンラインコミュニティBONOで作成した架空の「音声SNS」の制作過程をまとめました。 はじめてのUI制作のためツッコミどころも多いと思いますが、同じようにデザインを勉強している方の参考になれば幸いです🙌🏻 【Day1】新規登録画面🌱要素・要件 新規登録者向けのEメール、パスワード登録導線がある 利用規約が確認できる 既存利用者向けのログイン導線がある い

めーら｜PdM

BONO｜Todoリスト　Webサービス

はじめに今回は、BONOのビジュアル基本原則のレクチャー動画に基づいて作成したTodoリストのWebサービス制作過程で自身がポイントになったと思うものをまとめていきます📝 🌱制作の要件 誰がいつ使う？｜1日のやることを書き出して消化するだけのタスク管理をしたい… 必要な機能｜タスクの閲覧・追加・編集とカテゴリ分け BONO ビジュアル基本原則 Todoサービス その１｜ヘッダーUI〜メインコンテンツヘッダーUIの作成とTodoブロックのデザイン まずは参考となるサービ

noko Ki

[BONO] 音声SNS UI 作ってみた

日記のような、まとめのような。つづってみましたとさ！ DAY 1 : 新規登録 UI1.お題・概要 2.リサーチ Tiktokもinstagramもアカウント持っていると、新規登録画面に中々戻れないため苦戦したスクショタイム。 追加お題の参照先が⚪️×問題のようでNGパターンが分かりやすかった。 NGパターンのときのなんとも言えない違和感が面白い。 参照先を一読してからスクショした画面の中身を分析し始める。 普段何百回も目にしていたであろう見慣れた画面。似ているようで

まみむめも