マガジンのカバー画像

デザイン

29
本
デザイン関連の記事です
運営しているクリエイター
Hagure

交通系IC × Maasでサービスを考える【交通系ICアプリ】

こんにちは、わたるです。 チームでゼロからアプリを作ることになった制作日記の続きです。 MTG（7/22）7月22日（金）に2回目のチームMTGがありました。 今回のMTGの目標は「現在ある課題を実際に解決することができる、ユーザーにとってより価値のあるサービスの方向性を決める」ことです。 そのためには「価値定義シート」の作成を行う必要があるのですが、その事前準備として「競合他社の課題」や「提供価値」、「JR北海道のビジョン」などについて各々調べてきました。 ↑この

Hagure

Suicaアプリの「課題」と「価値」を考える【交通系ICアプリ】

こんにちは、わたるです。 チームでゼロからアプリを作ることになった制作日記の続きです。 7月22日（金）に2回目のチームMTGがあるので、事前準備としてSuicaの「課題」と「価値」について調べてみました。 MTGまでにやること私は前回のMTGで「競合が提供している価値とユーザーが持っている課題を定義する」を担当することになりました。 分析する競合は「Suica」と「Pasmo」です。私はその内の「Suica」を分析することになりました。 Suicaは首都圏だけでな

Hagure

「DailyUI SNSアプリ」をやってみた

こんにちは、わたるです。 今回は私が参加しているコミュニティ「BONO」のコンテンツである「DailyUI SNSアプリ」をやってみました。 SNSアプリ作成に特化したDailyUIのような感じですかね。画面ごとに解説があるため自分が作成したUIのダメなところや作成のコツを知ることができます。 本来は6日でやるところ、3日でやるかつnoteに記録するというスパルタでやってみました。 1. アカウント登録画面 まず初めにアカウント登録画面の作成を行いました。作成にあた

Hagure

チームメンバーが強すぎて感動する【交通系ICアプリ】

こんにちは、わたるです。 チームでゼロからアプリを作ることになった制作日記の続きです。 7月15日（金）にチームでキックオフがありました。メンバーは私含めて6名で、うちデザイン未経験が4名のチームです。 デザイン未経験とはいえ、チームに貢献できるように頑張りたい。とはいえ何から進めていいかわからない。。。 そんな状況でのキックオフでした。 事前準備ありがたいことに、事前にメンバーの方がアジェンダを作ってくださったので流れは掴めたのですが、これがもうわかりやすくて感動

Hagure

オブジェクト指向UI（OOUI）でデザインしてみた

こんにちは、わたるです。 私が所属しているコミュニティBONOのコンテンツである「コンテンツ中心のUI設計（オブジェクト指向UI）」をやってみました。 1. オブジェクト指向オブジェクト指向はプログラミングにも必須の用語であり馴染みがある言葉です。特にClassを使ってオブジェクトを作る際によく出てくる言葉ですね。 ちなみにプログラミングでは「オブジェクト指向プログラミング（OOP）」と呼ばれます。（OOPって現場で聞いたことない🤔） オブジェクト指向UI（OOUI）

Hagure

ゼロからサービスをデザインすることになりました【交通系ICアプリ】

こんにちは、わたるです。 私が所属してしるコミュニティ「BONO」で、チームでサービスをデザインすることになりました。 現在デザイン勉強歴2週間の超ペーペーですが「こんなチャンスめったにない！！」という思いで参加しました。 コミュニティ全体の人数が250人ちょっとに対して、参加者が私含めて12名ほど。 うち半分ほどは私と同じデザイナー未経験の人で、同じ境遇の人がたくさんいて励みになりました。 チームで1からサービスを作る経験は未経験者にとって非常に参考になると思うの

Hagure

リデザインをさらにリデザインしてみた【動画詳細UI編】

こんにちは、わたるです。 私が参加しているコミュニティ「BONO」のコンテンツであるUIビジュアル入門をやってみました。 UIビジュアル入門は、既存のデザインを使いやすいUIにリデザインするという趣旨のコンテンツです。 流れとしては、「お題確認」→「解説（やり方）を見る」→「リデザイン実践」→「解答を見る」→「作成したUIをさらにリデザイン」となっています。 この中でも特に「作成したUIをさらにリデザイン」することが大事だと思っているので、こちらに焦点を絞って進めてい

Hagure

リデザインをさらにリデザインしてみた【ホームUI編】

こんにちは、わたるです。 私が参加しているコミュニティ「BONO」のコンテンツであるUIビジュアル入門をやってみました。 UIビジュアル入門は、既存のデザインを使いやすいUIにリデザインするという趣旨のコンテンツです。 流れとしては、「お題確認」→「解説（やり方）を見る」→「リデザイン実践」→「解答を見る」→「作成したUIをさらにリデザイン」となっています。 この中でも特に「作成したUIをさらにリデザイン」することが大事だと思っているので、こちらに焦点を絞って進めてい

Hagure

リデザインをさらにリデザインしてみた【プロフィールUI編】

こんにちは、わたるです。 私が参加しているコミュニティ「BONO」のコンテンツであるUIビジュアル入門をやってみました。 UIビジュアル入門は、既存のデザインを使いやすいUIにリデザインするという趣旨のコンテンツです。 流れとしては、「お題確認」→「解説（やり方）を見る」→「リデザイン実践」→「解答を見る」→「作成したUIをさらにリデザイン」となっています。 この中でも特に「作成したUIをさらにリデザイン」することが大事だと思っているので、こちらに焦点を絞って進めてい

Hagure

TwitterとインスタのUIをトレースして分析してみた

TwitterとInstagramの「プロフィール画面」と「投稿画面」をトレースして比較してみました。 TwitterとInstagramの大きな違いは、Twitterが「文字」を中心としたSNSであるのに対し、Instagramは「写真や動画」を中心としたSNSであるという点です。 他にも細かい部分で違いはありますが、大まかな機能は割と似ていると思います。 ただ、他のSNSとは違った差別化もできているので廃れずにユーザー数を増やし続けています。 1. 元のプロフィー

Hagure

「診断サイトのアイキャッチ」作ってみた

「診断サイトのアイキャッチ」を作ってみました。 カイクンさんが主催しているUIとUXのコミュニティ「BONO」のコンテンツです。 ※ BONO会員限定動画です↑ 1. 目的を決めるまず初めに、誰に向けて作成するのか目的を決めます。 目的を分解すると「どんな人に」「何を」「なぜ」「いつ/どこで」になります。今回はプログラミング勉強の診断サイトのアイキャッチを作成するにあたって目的を以下にまとめました。 次に、作る目的を決めます。具体的にはサイトに訪れた人に何をしてほしい

Hagure