[B! アプリ] d_NA_sER186のブックマーク

アプリのログインでストレスを感じさせないUIを作る８つのポイント - Workship MAGAZINE(ワークシップマガジン)

アプリ設計を成功させる方法はたくさんありますが、そのなかでも特に大事なのはスマートなモバイルUIでしょう。ストアで上位にランクインしているアプリは、ほとんどが記憶に残りやすいユーザーインターフェイスを用いています。インパクトがすべてとはいいません。さまざまな要素が最適に組みあわせられたときに、良いデザインは生まれます。身近なパターンデザインを照らしあわせて、どれが一番使いやすくてベストなデザインかを探すべきです。今回は、ログインにまつわるデザインにおける注意点をご紹介します。 Sam Atmore / dribbble ログインフォーム設計時に気をつけるべき８つのポイントデザインが心理学的もたらす効果を知ることは、ユーザーの心を動かすデザインへの近道です。ユーザーをイライラさせることのないように、むしろ使っていてワクワクさせるインターフェイスを目指しましょう。まずは、気をつけるべき

d_NA_sER186 2019/11/21

リンク

アプリUIデザインで使ってるツールまとめ。｜あゆみ

2月から、実践型デザイン学習サービス『Cocoda!』で、毎日1つ出されるお題に沿ってアプリUIなどのデザインをするDaily Cocoda!にチャレンジしています。（今日までで25日連続ー！） Webデザインも昨年からやっているレベルなのですが、UIデザインはまたそれとは結構別物で、初心者ながら見よう見まねで頑張っています。さてさて、私の練習作を見てくださった方からツイッターで「スマホの枠とかアイコンはどこで手に入れられるの？」という質問をもらったりしたので、今回は私がよくお世話になっているツールやサイトをまとめようと思います。最後のデザインツール以外は全て無料です。追記：この記事を書いた後にデザイナーになって1年半が経ち、アップデート版のような記事を書きました↓ 主に海外のサイトで無料で配布されているので、英語で「"mockup" + "iphone" + "(sketchやp

d_NA_sER186 2019/09/19

リンク

はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ

はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。基本構造まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成としてメイン（様々なエントリー一覧）フィードマイページの3つからなっています。それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（

d_NA_sER186 2018/07/25

リンク

アプリを使って、おおざっぱにリアルな絵を描く方法

d_NA_sER186 2017/04/11

リンク

新卒マークアップエンジニアが、趣味でiOSアプリを半年で「11個」リリースした話 - not good but great

社会人になり1年が経とうとしている。半年でiOSアプリを11個リリースしたので、そのことを書いてみよう。普段はマークアップエンジニア 2014年新卒で、普段は会社でHTML,CSS,たま〜にJavascriptを書いている。アプリを作成するにあたった経緯新卒入社後、半年間は趣味のプログラミングはいろいろやっていた。oFやProcessing,JSを使ったジェネラティブなプログラミングなどを良くやっていた。面白いのだが、飽きることもあったり、世の中のトレンドとして、アプリは無視できないと思った。Objective-Cの本を買ったものの、少しのサンプルを動かして終わっていた。2014年10月ごろ、重い腰をあげて、開発を再開したという感じ。何を作ったか・一覧 https://itunes.apple.com/jp/artist/naoya-sugimoto/id933472785 ht

d_NA_sER186 2017/03/15

リンク

紙と鉛筆でアプリ企画をはじめよう。ペーパープロタイピングツール×19選 | BACKEND AS A SERVICE mbaas BLOG

アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツールと言っても実際にはPDFや画像なので、印刷したら後はペン一本でプロトタイプの作成が開始できます！iPad MockupsiPadのプmBaaSお役立ちブログトップ> ブログ> Tips> 紙と鉛筆でアプリ企画をはじめよう。ペーパープロタイピングツール×19選アプリ開発は頭の中で考えているだけではダメです。UXは実際に試していく中でこそ磨かれます。そのためには書き出すのが大事なのですが、専用のツールを使うのは操作を覚えるまで時間がかかってしまうでしょう。そこでさくっと使えるペーパープロトタイピングツールを紹介します。ツール

d_NA_sER186 2015/11/01

リンク

[デザイナー向け] iPhoneアプリに必要な画像・アイコン - Qiita

アプリに組み込むアイコン画像例）iOS6以降に対応するアプリはiOS6, 7, 8全てのファイルを用意して下さい。 iOS7以降に対応するアプリはiOS7, 8全てのファイルを用意して下さい。系列サイズ(px) iOS6 iOS7 iOS8 ファイル名の例利用箇所

d_NA_sER186 2015/11/01

リンク

アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ

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

d_NA_sER186 2014/08/06

リンク

「cocos2d」を使ってiPhoneゲームを作ってみよう（1/3） - ＠IT

「cocos2d for iPhone」（以下、cocos2d）は、iOS（iPhone／iPod touch／iPad）やMac OS X向けの2Dゲームやグラフィカルなインタラクティブアプリを開発するための、フレームワークです。物理エンジンの「Box2d」「Chipmunk」を持ち、サウンドエンジンも搭載しています。 cocos2dを使うと、スプライト・シーン・トランジション・アクション・メニュー・タッチ操作・加速度センサなどの機能を利用して、ゲームアプリやインタラクティブ系のアプリを素早く作ることが可能です。本稿では、cocos2dの概要と基礎的な使い方を紹介します。 cocos2dの主な特徴5つ cocos2dには、以下のような特徴があります。 ■ 【1】テンプレートで使い方が簡単使いやすいテンプレートやObjective-Cのクラスライブラリがそろっています。サンプルコードも