>アプリ開発スマホサイトやアプリのUI設計で失敗する前に絶対読んでおきたい記事ツイートこんにちは。!こちらでお世話になって早3年目を迎えました、もう若手ぶってられません。-=≡(o*゚ー゚)o私はもともとWebデザイン出身なこともあり、アプリよりかはサイト制作のほうを得意としております。世の中アプリアプリ...。最近ではスマホサイトでもアプリっぽいUIを求められることもあり、アプリから学べることいっぱいあるなーと痛感しております。すごくシンプルに分かりやすく説明してくれています。51項目もあるのですごい長いですが、説明短くてすらすらっと終わります。以下、1部抜粋させていただき、僭越ながら個人的感想を添えさせていただきました。すべての選択肢を均等にではなく、おすすめを強く伝える特に、スマホサイトでは画面内に収まる情報が限られますので優先度のつけ方にはセンスが必要ですよねー。構成案の前に、情報の優先度をリストアップするメイン要素とサブ要素の差異をつけた構成にするステータス系(ログインしてるしてないetc)の情報はヘッダーを固定して常時目の届く場所に配置する情報の優先度についてちゃんとデザイナーさんに説明する、または、一緒に悩むアコーディオンなど動きを入れて情報を隠しておくその他いろいろ...続きを読む確認画面を挟むのではなく、やり直し機能を用意するこれは、ライトなユーザー登録や申込みで効果があるかもしれませんが、問い合わせや購入手続きでは入力の誤字脱字を防ぎたいところなので考えものですね。個人的にスマホを使うようになって誤字脱字増えております。空気読んで的な...。選択肢は最初から表示しておくこれは盲点でした!見た目のシンプルさばかり気にして選択肢をプルダウンなどで1まとめにしがちなんですが。全部英語だけど何のストレスも感じない。ビジュアルも入ってきれいですよね。その他、コンテンツ系について誰のためのサービスか、を伝える疑問系ではなく、言い切り型で伝える登録前にサービスを体験してもらう機能ではなくメリットを宣伝するしないことによるデメリットを強調するコンバージョン部分で、保障を再度掲載する価格を小さく見せるわたし個人的な癖で「内容読まない」「見た目で機能や内容を判断する」ところがあるので上記のところグサーッ!ときます。こちらはアプリを軸としたUI/UXデザインのお話です。デザインのことでもあるので記事自体かっこいいですねっ!こういうデザイン見ていると、うっかり「Webでも...」と思ってしまいますが、Webは世界中いつでも簡単にさまざまな端末から見れてしまいますからね。̄)ムゥレイヤースタイルのUIで奥行きを出すここでいう“奥行き感”とはどうやって表現するんでしょうか?いま現在デザイナーではないので、あれなんですが。従来の「ドロップシャドウを入れる」「ボタンをぷっくりさせる」ではないですよね。下図のメニューデザインの違いを説明してみますね。左側はいま主流のフラットデザインと言われるものになります。べた塗りの同系色の配置によって各要素の仕切りを表現しております。シンプルでフロントを実装する方には超うれしいデザインですよね。右側はちょっと昔よく使われていたデザイン。微妙なグラデーションや影を使っており、こちらの方が“紙の折れ具合”といった素材感が表れています。個人的見解ですが、モザイク画や印象派絵画の概念に近い表現方法になっているのかな?と思います。デザインには流行り廃れもあるのでいちがいに何が正解とは言えませんが、技術者、提案者の人は自分のスキルの選択肢を増やして、目的に適した表現や機能を提供できるよう精進しないといけませんね。HTML5こちらの記事にもありますが、エフェクトの活用方法には気を付けましょう!何かの目的(友達を検索して詳細をみたい!など)があっていくつか画面遷移を通った最終画面でエフェクトを使うと、ユーザーに「ここが目的地か」という印象を与えることができ、直感的なUXを提供することができます。~iOS7についての考察とfladdictデザイン論~」に参加してきました。前職ではデザイン・コーディングを2年近くやってましたー。ソニックに入って2年目を迎えることとなりました。×SNSでも情報配信中!ぜひご登録ください。Market花火大会シミュレーターSHARESHAREWeb制作・アプリ開発に関する、UI/UX情報、イラストテクニック、エンジニア向け情報をお届けしています。