Google UXデザイン：提出物（Figma・AdobeXD)

# はじめに

わたしが[Google UX Design Certificateで得られた素晴らしい体験][google]を、特に重要だと思われるポイントを小さく分割して、わかりやすく簡潔に紹介していきます。

興味があれば、ぜひ Google UX Design Certificateを受講してみてください。

[google]: https://qiita.com/mapami/items/7a0d0a3d4661c50f8bec

https://www.coursera.org/professional-certificates/google-ux-design



# Figma:コース⑤で作成した成果物：「ドローン配送」 

演習として提出したFigmaの成果物をまとめました。

## ワイヤーフレーム

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/98b32089-cd0a-c573-f44e-f4a9a7658822.png" width="800">

https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=0%3A1&t=w9HvDvdJ9aUmORHB-0

## モックアップ

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/82b02ca7-7cc9-c7ae-ebb5-67db878cfd66.png" width="800">


https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=56%3A2&t=w9HvDvdJ9aUmORHB-0


## スティッカーシート

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/84f25490-6a86-8c93-e92a-2e1f3b9d5237.png" width="800">


https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=156%3A2816&t=w9HvDvdJ9aUmORHB-0


## プロトタイプ

https://www.figma.com/proto/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=60%3A4&scaling=scale-down&page-id=56%3A2&starting-point-node-id=60%3A4

#### 機能一覧

- マップを使ったドローン検索
- ドローンのプロフィール
- ドローン配送予約
- チャット
- カスタマーレビュー

# AdobeXD:コース⑥で作成した成果物：「ドローン配送」

### プロトタイプ

https://xd.adobe.com/view/304d94e7-394c-4f12-8237-6a77533bed91-651e/

### 機能一覧

- マップを使ったドローン検索
- ドローンのプロフィール
- ドローン配送予約
- チャット
- カスタマーレビュー


# Figma:コース⑦で作成した成果物：「テーマ：環境問題」

[ケーススタディはこちら][ref1]

[ref1]: https://b5ee6f7f-7cbb-41a6-acd3-77dd373bb39c.filesusr.com/ugd/d28608_6ba68d5d2d9d43b890da73c3d4cecb31.pdf


## ワイヤーフレーム

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/f4272425-0210-8c34-e1d3-67a55d2bcdfd.png" width="７00">

https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=285%3A190727&t=FX8kUuGR7sQLPaGq-0

## モックアップ

#### モバイル端末

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/4d3260a8-599b-7ad5-07fb-063bdc7d7d0d.png" width="500">

https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=316%3A190727&t=um8tr3Dcb86RoVQV-0
#### デスクトップ

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/8f8eb6a6-73da-0d78-fc63-4640c2858a8c.png" width="600">

https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=372%3A190748&t=YSBoju215orLH9Jx-0

#### タブレット


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/e6f2882d-c09b-5133-1258-1838fe60cb36.png" width="400">

https://www.figma.com/file/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=372%3A191252&t=YSBoju215orLH9Jx-0


## プロトタイプ

#### モバイル端末
https://www.figma.com/proto/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=316%3A190728&scaling=scale-down&page-id=316%3A190727&starting-point-node-id=316%3A190728

#### デスクトップ


https://www.figma.com/proto/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=372%3A191148&scaling=scale-down&page-id=372%3A190748&starting-point-node-id=372%3A191148

#### タブレット

https://www.figma.com/proto/VZ8550Uk9pO0YFNXO9s5ed/prototype?node-id=372%3A191337&scaling=scale-down&page-id=372%3A191252