タグ

UIとアプリに関するkick178のブックマーク (4)

  • アプリのUI設計は「紙でやる」のが早い! - Qiita

    はじめに こんにちはー!! UI設計やってますか? 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね! 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います! 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね~。 しかも! 大抵の場合、実装後のレビューの段階(つまり最終段階)で 「やっぱここ動きおかしいよね!直せる?」 「・・・。(えー!

    アプリのUI設計は「紙でやる」のが早い! - Qiita
    kick178
    kick178 2014/11/21
    “まず誤解のないように書いておくと、ここで言っているペーパープロトタイピングは 「手書き」+「プロトタイピングアプリ」 での設計を指してます。”
  • iPhoneアプリ「少年ジャンプ+」のUIが意味不明すぎる - UXエンジニアになりたい人のブログ

    端的に言うと、買ったやつ(購入済みアイテム的なもの)をどうやって見るかで相当迷った。 顛末 こち亀の1〜100巻が無料で読めるキャンペーンがあって、iPhoneアプリ「少年ジャンプ+」だとダウンロードして読めるってことなので、何冊かダウンロードしたんです(ちなみに、キャンペーンはもう終わってますごめんなさい。わたしも今日知ったのです><) キャンペーン期間中はトップページにこち亀全巻無料バナーが張ってあって、そこから読めたのです*1が、日(10/18)の16時の無料期限後、バナーがなくなって導線がどっかいっちゃったのです。 現在のアプリ画面 これがトップページ。 アプリトップ 左右フリックで画面が切り替わります(タブ的なイメージ。この画面だと、左フリックで「連載陣」に、右フリックで「週刊少年ジャンプ」へ) 「連載陣」タブ。一話単位で買って読むことができるようだ(後述するがこの機能は実はも

    iPhoneアプリ「少年ジャンプ+」のUIが意味不明すぎる - UXエンジニアになりたい人のブログ
  • アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ

    オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で

    アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
  • UIとしてのスプラッシュ画面 | UXデザイン会社Standardのブログ

    アプリケーションを起動した時に表示される画面をスプラッシュ(Splash)画面、またはローンチスクリーン(Launch Screen)と呼びます。アプリケーションにおいては、ユーザーが操作することのできない数少ない画面でもあります。 iOSではこのスプラッシュ画面はストア申請時に必須であり、使用するアプリケーションの向きや、対応デバイスのサイズに適しているものを提供する必要があります。個人的感覚ではありますが、いつもアプリケーションのビジュアルデザインや、アイコンのデザインが完了した後に即興で作られるということが多いのではないでしょうか。しかし、適当にスプラッシュ画面を作成するのではなく、サービスの性質や通信の有無などを考慮してデザインする必要があります。 ここで一旦、AppleのHuman Interface Guidelineを見てみましょう。 起動画像は、アプリケーションが起動するま

    UIとしてのスプラッシュ画面 | UXデザイン会社Standardのブログ
    kick178
    kick178 2014/07/24
    おお、Twitterってこんな動きだったのか
  • 1