わたぼう/なべ

完全未経験からUIデザイン勉強していました 公務員→ゲストハウス・カフェスタッフ→❓ …

わたぼう/なべ

完全未経験からUIデザイン勉強していました 公務員→ゲストハウス・カフェスタッフ→❓ 20代後半2児パパ アウトプットの場 子育て中、時間もお金もつかいどころ 気軽にフォローしてくださいまし！ Twitter https://mobile.twitter.com/WxznS

心に響いた本

退職まで1ヶ月を切ろうときている2月の最終日 あと少しで地元を離れて第2の故郷へ 最近はもっぱら読書ばかり その中でも転職間近な自分に響いた本が、 「苦しかったときの話をしようか」 日本屈指のマーケターである森岡毅さんが著者の名著！ 有名な本なので、知っている人を多いかもしれないが、とても読みやすい。 スラスラ読めるのに心に響く。 そして自分はどうだろう？と考えながら読んでしまう。 自分に何ができるか、自分がやりたいことはなにか、何をすべきなのか？ 迷って悩んで

わたぼう/なべ

    • やってみるからはじめてみる

      現職公務員→UIデザイナーを志す→北海道でゲストハウス運営等をすることに決まる！ なんじゃこいつ？と思った方！ 正解です。 意味わからんと思いますが、今年度末で公務員を退職し、つい最近まで声高らかに志していたUIデザイナーではなく、北海道でゲストハウスの運営やらなんやらいろいろとやっているところで働く事が決まりました！ ここからは、ここに行き着くまでのきっかけとBONOについて。 最強の環境を整える「BONO」UIデザイナーを目指していた私はコミュニティ「BONO」に

      わたぼう/なべ

      • 2022→2023

        2022年はUIデザイナーを目指し、独学をしていた。 BONOというコミュニティに出会い、同じ志を持って勉強する仲間にも巡り合え、楽しくスキルアップを進めることができる環境に身を置くことができたことが2022年で1番の強運。 そしていざ転職、と考えたとき、現役デザイナーの方々にたくさん話を聞いた。BONOでの繋がりがきっかけにいろんな話をさせてもらった。 どんな会社が自分にあっているのか？ どんな仕事が自分にやりたかったことなのか？ 自分にできることはなにか？ 考えて

        わたぼう/なべ

        • 「Airbnbの成功の裏にある信頼のためのデザイン」からデザインを考える

          サービスをゼロからデザインする際に、少し迷ってしまい、BONOのカイさんがおすすめしてくれた動画を見ました。 衝撃を受けたので、感想と思ったことを書いてみることにしました。 Airbnbの成功の裏にある信頼のためのデザイン ジョー・ゲビア氏 デザインとはなにか？ 自分は何を生み出そうとしているのか？ を考えさせてくれるプレゼンでした。 実体験でしかわからない感情の変化から、深く根付いた偏見をデザインの力で変えていける。 デザインが持つ大きな力を感じさせてくれました。

          わたぼう/なべ

        心に響いた本

        わたぼう/なべ

          「Ezolico」デザインのウラ話

          チームで作った「Ezolico」の制作過程番外編！ ミスっちゃった話です。（メンバーに怒られちゃうかも…ごめんなさい） 初期案から最終案までには紆余曲折あり、軌道修正して、初期のアイディアからかなー－－り変わり果てていたことをお話します。 ミスりポイント「ユーザー定義甘々問題」そもそも、はじめはMaasアプリを作るということで方向性を固めていたのですが、ユーザー定義、課題設定をきちんと行うことで、現在の形になっていきました。 価値提供シート 価値提供シートをメンバー

          わたぼう/なべ

          「Ezolico」デザインのウラ話

          わたぼう/なべ

          チームで「Ezolico」をデザインした話⑥

          近所でどんぐりがめっちゃ落ちている公園を見つけ、どんぐり公園と名付けました！ 今回は、「UXデザイン5段階モデル」の表層段階で行ったことについて説明していきます。 5段階モデル「表層段階」最終的なゴールであるプロトタイプの作成を行いました。 経路検索案出し プロトタイプで担当した経路検索画面は名古屋鉄道のMaasアプリCentXを参考に制作をしていきました。 案を出した際にコロナに感染してしまい、最終の修正はメンバーにお願いしました。（本当に申し訳ない気持ちでいっぱ

          わたぼう/なべ

          チームで「Ezolico」をデザインした話⑥

          わたぼう/なべ

          チームで「Ezolico」をデザインした話⑤

          北海道産のジャガイモだけで作ったコロッケは、ホクホクで美味でした。 今回は、「UXの5段階モデル」の骨格段階で行ったことについて説明していきます。 5段階モデル「骨格段階」ここでは大きなゴールを「ユーザーの目に触れる画面の大枠（プロトタイプに近づける）」を作成することとし、以下のことを行いました。 ワイヤーフレーム 機能ごとに役割を分担し、それぞれがワイヤーフレームを作成しました。 筆者は「経路検索機能」を担当しました。 ユーザーが経路検索画面をどのように操作し、

          わたぼう/なべ

          チームで「Ezolico」をデザインした話⑤

          わたぼう/なべ

          チームで「Ezolico」をデザインした話④

          本家は食べたことがありませんが、宮崎辛麺のお菓子（ベビースター）に最近激ハマり中です！ 今回は、「UXの5段階モデル」の構造段階で行ったことについて説明していきます。 5段階モデル「構造段階」ここでは大きなゴールを「プロダクトのデータ構造を可視化する」こととし、以下のことを行いました。 UIクラス図・UIモデリング図 要件段階で定義した機能を画面ごとの関連性がわかるよう可視化していきます。 オブジェクト間の繋がりが見えることで、画面同士の関係性がわかりやすく、チーム

          わたぼう/なべ

          チームで「Ezolico」をデザインした話④

          わたぼう/なべ

          チームで「Ezolico」をデザインした話③

          「明日暇？」と聞いてしまうことありませんか？ 聞かれた方からしたら「要件先に言えよ…」と思いますよね。 今後は要件を先に伝えることを意識しようと決意したわたぼうです。 今回は、「UXの5段階モデル」の要件段階で行ったことについて説明していきます。 5段階モデルの「要件段階」ここでは大きなゴールを「どのような情報を扱うか、そのために必要な機能は何か」を決定することとし、以下のことを行いました。 ユーザーストーリー チーム内での認識を一致させるため、ユーザーストーリーを作

          わたぼう/なべ

          チームで「Ezolico」をデザインした話③

          わたぼう/なべ

          チームで「Ezolico」をデザインした話②

          渋谷ハロウィーンの様子を定点カメラで見れることを知り、参加しなくてもハロウィーンを楽しんだ気になれるお得な方法を今年初めて知りました。 今回から「UXの5段階モデル」の戦略段階で行ったことについて説明していきます。 5段階モデルの「戦略段階」ここでは大きなゴールを「誰に何を提供するか」を決定することとし、以下のことを行いました。 ユーザーリサーチ 友人にヒアリングをお願いし、北海道札幌市での交通事情についてヒアリングし、どのような悩みを持って生活しているかをリサーチし

          わたぼう/なべ

          チームで「Ezolico」をデザインした話②

          わたぼう/なべ

          チームで「Ezolico」をデザインした話①

          すっかり寒くなってきた今日この頃。 モコモコの靴下を履いて執筆中です。 ちなみに北海道では手袋をすることを「手袋を履く」と表現します！ 初めて聞いたときはびっくらこきました。 はじめにここから本題！ 2022年7月～8月末に所属するコミュニティのBONOで有志チームによる自主制作を行いました。 当時、デザインを勉強し始めて1か月と少し。 Figmaの使い方に慣れてきた頃でしたが、チャンス！と思い真っ先に参加しました。 そこで作ったサービスが「Ezolico」です。 コ

          わたぼう/なべ

          チームで「Ezolico」をデザインした話①

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑪

          自分に足りないもの初めてゼロからサービスのUIを作ってきましたが、フィードバックをしてもらいよりやらなければならないことがわかりました。 それが参考をもとにデザインすること！ 今まで自分なりに参考をリサーチして、それらを使い作ってきたつもりでいました… しかし、参考にすべき箇所は「構造」「配色」「装飾」それぞれの部分で違います。 振り返ってみると、構造の部分ばかりに気を取られ、いろんなところが抜け落ちたまま進んでしまっている部分もありました。 しかしフィードバックで

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑪

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑩

          最後のパートの設定画面です。 制作UI 制作で意識したこと 参考 設定画面はどのサービスにもあるため、iPhoneの設定画面、Twitter、Instagram等々のサービス設定画面を参考に。 設定画面ってほとんど同じじゃない？と思っていましたが、それぞれのサービスで違いがあり、深い！ 1つ感じたことは、設定画面の内容ってサービスのコンテンツに比べるとやや難しい。 シンプルかと思いきや、複雑な内容を示していることが多く、ユーザーが迷子になることが多いなぁ。と感じ

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑩

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑨

          今回は通知画面を作っていきます。 制作UI制作で意識したこと参考 SNSはいいねや拡散、フォロー、コメントといったアクションがあり、通知画面でどのようなアクションが起こっているのかを一目でわかるようにする必要があります。 その点で、参考にしたのはTwitterです。 案を出す Ver.2で意識したこと配色の整理 構造のルール化（複数ユーザーのアクション） 表示の構造をルール化し、ユーザーが情報を意味を読み取りやすくすることを意識しました。 実装時の工程が減ること

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑨

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑧

          DAY 4の投稿検索画面を作っています！ 作成UI 制作で意識したこと参考 SNSを中心に参考を集めてみると、検索バーだけでなくおすすめの投稿やニュースを表示しているものが多い印象でした。 例えばTwitterの場合、ユーザーがTwitterを使って情報収集をしていることが多い。 投稿フィードではフォローしているユーザーから情報を得ている。 そのため、検索画面ではニュースを表示し、投稿フィードでは提供できていない情報を得ることができるという価値を生み出している。 案

          わたぼう/なべ

          ゼロからサービス　音声SNS編⑧

          わたぼう/なべ

          0からサービス作り　音声SNS編⑦

          登録入力UIを作っていきます！ 作成UI制作で意識したこと参考 主に音声録音機能があるTwitter、iPhone録音アプリ、stand.fmを参考にしました。 案を出す 画面は主に投稿テキスト入力と音声録音画面の2つ。 音声録音画面をモーダルで考えました。 モーダル画面のパターン出し ビフォーアフターで比較するとアフターの方がすっきりとした印象です。 ver.3で意識したこと入力画面の録音ボタン削除 コンテンツのテキスト入力のスペース

          わたぼう/なべ

          0からサービス作り　音声SNS編⑦

          わたぼう/なべ