ポイントカード管理アプリのUIを作ってみた

Cocoda!のお題で面白そうなものがあったので、取り組んで見ました。

Cocoda!に投稿したやつのコピペです。

ペルソナ

・えり

・24歳。女性

・メーカー勤務。営業職。

・買い物好き。ポイント好き。キャンペーン情報好き。

・まめ。おしゃれに敏感。

・週末は街をぶらぶら。

課題洗い出し

・ポイントカードはつい作ってしまいがち。それに財布もかさばりやすい。

・どのカードがど

もっとみる

【UI/UXだけでなく、プレゼンの資料作成にも使える】メンタルモデルと概念モデル

こんにちは。

さて、今回は「メンタルモデル」と「概念モデル」の話をしたいと思います。

Twitterの内容は少し抽象度が高いため、ここでは、もう少し具体的に整理しておきます。

①メンタルモデル...ユーザーがサービス等を利用する前に作られるモデル
②概念モデル...ユーザーがサービス等を利用した際に作られるモデル

時系列でいうと、「メンタルモデル→概念モデル」という順番です。

人間がメン

もっとみる
ありがとうございます!
6

2ヶ月間デザイナーがガチでプログラミングを学んでみた49日目

イトーです、今回も前回と同じように作品ページの紹介をしていこうと思っています。

現在の状況

この作品をちゃんと紹介するのは初めてだったかと思います。
まあまずページをみていただけたらと思います。

これは静岡国際オペラコンクールとという若手オペラ歌手のための国際コンクールです。そのデザイン展開をコンペを通じて担当することになったよー、という内容ですね。この作品はプロジェクトという形で行ったので

もっとみる

2ヶ月間デザイナーがガチでプログラミングを学んでみた48日目

イトーです。ポートフォリオサイトの制作に取り組んでおります。
今回は前回見せたオーケストラの紹介ページをwebページに落とし込んでみました。

現在の状況

毎回サイトをスクショすると、変に余白が大きくなることがあり、いい感じに皆さんに紹介することができないのですが、見せるだけ見せていきますね

はい、上から順番に流れを説明していくと

1.作品タイトル・説明

2.作品の写真

3.制作までの過

もっとみる

Daily Cocoda! をnoteにも載せておく #006

ペルソナ

えりか
24歳女性
落ち着いた雰囲気
インテリ
丸の内勤務
電車通勤35分
Airpodsで音楽をきく
毎日開けたくなるような音楽アプリが欲しい

デザインの意図

雰囲気:
丸の内もすっかり近代的になったが、どこか昔懐かしい雰囲気がする。
そんな雰囲気をアプリにも表現したかった。

もちろんレコードを使ったのも、ビンテージ雰囲気を出すため。
あえて真ん中に置かずに左へずらしたのは、ア

もっとみる

【デザインの法則①】人がモノを認識する時は周辺視野を使う

こんにちは。「お前、センス無いしデザイナーなんか絶対になれない」と 8ヶ月前に言われたUrakenです。

さて、今回は、デザインの法則について紹介したいと思います。

まず前提として知っていただきたいことが1つあります。それは、「デザインの法則」は使ってアップデートしないと意味がないということです。

デザインは、常にアップデート(他の業界もそうだと思いますが…)しないといけない、というかアップ

もっとみる
やる気アーーーーップ!!
3

Daily Cocoda! をnoteにも載せておく #005

ペルソナ

・高校生17歳
・デジタルネイティブだけど、スマホのアプリは必要なものだけをシンプルにまとめたい。
・ミニマリスト
・勉強机もクリーン
・文武両道で、ストイック。
・スマホゲームはしない。

デザインの意図

・Keep it Simple を心がけた。特に最近のトレンドでミニマリズムがUIデザインにも入ってきたので、その点を留意してデザインした。

・太陽と雲のコントラストで、一際目

もっとみる

【Day 8-14】#毎日デザイン学習 進捗

毎日デザイン学習を初めて2週間が経ちました!
ということで進捗をアップします。

【やったこと・できるようになったこと】
-HIG・Material Designを学んだ
今週の主となるアウトプットは上の5つです。ガイドラインを勉強しながらcocoda!でトレースしました!
それっぽいデザインが作れるのは楽しいですね。

-ポスターを作りながらデザインの練習
ちょうど授業の課題でポスターを作る機会

もっとみる

Daily Cocoda! をnoteにも載せておく #004

ペルソナ

・食べ盛りな子供を持つ夫婦
・34歳
・食材はまとめ買い
・時短料理好き

デザインの意図

・ 手元にある食材でパッと作れる。

・食材から検索できる機能、ジャンルから探す機能、所要時間から探す機能。
→配置に規則性をつけルべきであった。(反省)

・オレンジをアクセントカラーに使用して、暖かい感じを演出。

・情報はコンパクトに。わかりやすく。フッター メニューは3つだけに。

もっとみる

Daily Cocoda! をnoteにも載せておく #003

ペルソナ

修平
27歳男性
社会人
会議多い
従来のメール不便だ
資料管理欲しい
カレンダー連携欲しい

デザインの意図

・シンプルに落ち着いた感じを。
・ビジネスマンに必要な機能だけを。
・一目でわかるアイコンを。
・LINE, Slack, Teams, Messanger, Ticktick を参考にした。
・Zoom会議には、アプリ上からシームレスに参加できるようにJoinボタンとID

もっとみる