チームにデザイナーがいないけど、プロダクトのデザイン改修をした話
こんにちは。ゴルフメドレーの開発をしている宮水です。
ゴルフメドレーとは、全国のゴルフ練習場を特徴（打ち放題 / 駅近 / アプローチ練習場もある...など）から検索できるサービスです。ゴルフ場コンサルタントのあべちゃんと、エンジニアのゆうすけと3人で開発しています。ありがたいことに、今月は2万PVを越えることができました。ありがとうございます。
さて、このゴルフメドレーですが、直近で一つ課題
はじめてのUIデザイン📕
ももやんです。読書感想文がこの世で一番嫌いだったのでまとめられるかな、、？と思いつつ書きます✏️第１弾は「はじめてのUIデザイン」です。
◆この本でわかること
・UIデザインの歴史
・コンポーネントの種類と役割
・情報設計
・UIを作る前にやること
などなど他にもたくさんありますが、ここではUIデザインの歴史を簡単に書きます。
◆UIデザインの歴史
2007年以前 フィーチャーフォンやP
【UI/UXデザイン】家計簿アプリを作りました
こんにちは。
家計簿アプリをデザインしました。是非見て頂けたらいいなと思い、記事にしてみました！
勉強始めたてでデザインを学んでいる知り合いもほとんどいないので、 是非noteかツイッターで繋がって頂けたらとっても嬉しいです...!! よろしくお願いします!!
→ https://twitter.com/3725taki
１、家計簿アプリ概要
２、ネーミング / ロゴの由来
ロゴのカラ
初めてのUIデザイン！！？
Cocoda！という学習サービスに登録してみました。
１.Cocodaって？
cocodaはUIデザインの勉強ができる学習サービスです。
デザインの勉強、独学では難しいなと思っていたところこちらのサイトを見つけました。
なんでも、実際に手を動かしながらUIのスキルが身につけられる。
なんだそれ！？面白そう。そう思って即登録をしました。
しかも無料でこのサービスが受けられるらしい。
ポートフォリ
インターフェースの基本Bars ⑥ツールバーについて
iOS human interface guidelineについてまとめていきたいと思います。
インターフェースの基本のbar、ツールバー（Tool Bars）について例を交えながらまとめたいと思います。
ツールバーはアプリ画面の下部に表示され、現在のビューやコンテンツに関連したアクションを実行するためのボタンが含まれています。
ツールバーは半透明で、背景に色が付いている場合があります。
例
「キャンセル」は明示的なラベルの使用を心がけよう
カレンダーアプリを例に「キャンセル」について簡単にまとめていこうと思います。
ユーザーが情報を入力して保存する必要があるアプリの場合、出来る限り明示的なラベルを使用することをおすすめします。
上のカレンダーアプリの場合、新規イベントを作成中に左上のキャンセルボタンを押すと、アクションシートが表示されます。
アプリの中にはアイコン「×」でビューを閉じるようにしているものもありますが、「×」には
インターフェースの基本Bars ⑤タブバーについて
iOS human interface guidelineについてまとめていきたいと思います。
インターフェースの基本のbar、タブバー（Tab Bars）について例を交えながらまとめたいと思います。
タブバーは、アプリの画面の下部に表示され、アプリの異なるセクションをすばやく切り替える機能を提供します。
タブバーは半透明で、背景の色合いがあり、すべての画面の向きで同じ高さを維持し、キーボード
インターフェースの基本Bars ③サイドバーについて
サイドバーは、アプリレベルのナビゲーションを提供し、アプリ内のトップレベルのコンテンツコレクションに素早くアクセスできます。
サイドバーでアイテムを選択すると、特定のコンテンツに移動することができます。
たとえば、メールのサイドバーには、すべてのメールボックスのリストが表示されます。メールボックスを選択してメッセージのリストにアクセスしたり、特定のメッセージを選択してコンテンツペインに表示した
カードソーティングで設定画面を再設計してみた
ありがたいことに何年も稼働している弊社のサービス。
気がつけば、ユーザーが利用する管理画面内の設定画面がえらいことになっていました。
同じ「設定」タブの画面内に、項目が20数個ずらずらと並んでいる状態。。
機能の追加や廃止を繰り返した結果、それに関する設定がどんどん下にくっ付いてカオスなことに。
そこで、以下を行いました。今回は②をメインに書きます。
①設定項目の洗い出し
②設定項目のグルー