PowerApps x Daily UI #005 – App Icon

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#005です。

今回のpromptは「App Icon」です。アプリアイコンといえば先日、Officeの新しいアイコンが公開され、Office365環境には順次リリースされていますが、PowerPlatformのアイコンは古いままでちょっとさみしい気持ち…。ということで今回は、動作するPowerAppsアプリではないのですが、「新Officeアイコン風PowerPlatformアイコン」を作ってみました!

続きを読む PowerApps x Daily UI #005 – App Icon

PowerApps x Daily UI #004 – Calculator

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#004です。

今回のpromptは「Calculator」です。電卓の実装か…とはじめから気が重かったんですが、予想通り全然気が乗らないなかなか進まず、投稿にかなり間が空いてしまいました。
ご存知の方も多いと思うのですが、電卓のプログラムは簡単なように見えて結構複雑です。学生の頃に逆ポーランド記法を使ってプログラミングした記憶がよみがえってきたりして、辛さとめんどくささがMAXになりました。しかしこのチャレンジをはじめるときに「出来があんまりよくなくてもちゃんと公開する」と宣言したので、志を低くして公開しようと思います…

続きを読む PowerApps x Daily UI #004 – Calculator

PowerApps x Daily UI #003 – Landing Page (above the fold)

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#003です。

今回のpromptは「Landing Page (above the fold)」です。 ランディングページのファーストビューを指しているもののようです。
初めに謝っておきますと、今回はPowerAppsとしてはほぼ何もしておらず、100%「ノンコーディング」です!

推しサービスのランディングページ

まずは何も言わずにこれを見てくれ。

続きを読む PowerApps x Daily UI #003 – Landing Page (above the fold)

PowerApps x Daily UI #002 – Credit card checkout

この記事は「PowerAppsDaily UIチャレンジ!UI100本ノックに挑戦します」の#002です。

今回のpromptは「Credit card checkout」です。クレジットカードでの決済画面ですね。実際にはセキュリティの要件からペイメントサービスに飛ばすケースが多いみたいですが、UIの練習ですのであまり難しく考えず、画面を作ってみました。

Sun’s Na-na Online Shopのクレジット決済画面

こんなイメージになりました。ショップ名もカード情報ももちろんニセモノです。

続きを読む PowerApps x Daily UI #002 – Credit card checkout

PowerApps x Daily UI #001 – Sign UP

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#001です。

はじめのPromptは「Sign UP」です。新しいサービスに登録するときの画面ですね。
ビジネス向けということを考えて、銀行のインターネットバンキングに登録する画面を作ってみましたが、PowerAppsで実装するケースはあまりなさそうですね…。あくまでサンプルなので、寛容に見ていただければと思います。

三七銀行(架空)のインターネットバンキング登録受付画面

こんなイメージになりました。
※三七銀行というのはもちろん架空の銀行名です。

続きを読む PowerApps x Daily UI #001 – Sign UP

PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します

こんにちは!年の瀬の慌ただしい季節ですが、コミュニティの催しもあちこちで開かれていますね。わたしは今週開催される「Japan Power Platform Day」をとても楽しみにしています。
さて、今日はPowerAppsでDaily UIしてみるぞ!という記事です。Daily UIという取り組みの簡単な紹介をしていますので、興味のある方はPowerAppsにかぎらず、是非トライしてみてください。

Daily UIとは? – デザイナー向けの「UI100のお題」

年末の忙しさを言い訳に、しばらくPowerAppsでは遊べていなかったのですが、デザイン系のSNSをみていたらDaily UIというムーブメントを見つけました。

Daily UI – Become a better designer in 100 days.

http://www.dailyui.co/

要約するとこんな感じです。

  • よりよいデザインをできるようになるための取り組み
  • 参加者がメールアドレスを登録すると、毎日一つずつ、UIに関するお題(prompt)が配信される
  • お題をデザインしてみんなに公開する

ちなみに、お題は検索すると一覧で見ることもできます。
またDribbbleなどのデザイン系サービスで「DailyUI」を検索すると、アウトプットされたたくさんのデザインを見つけることができます。どれも洗練されていてため息がでますね…

続きを読む PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します