apptutorial
Menu Group Text+ by Contrast https://appsto.re/us/ohdu3.i apptutorial ios iphone Apr 01, 2015 Periscope https://appsto.re/kr/TXw_5.i apptutorial twitter periscope Mar 28, 2015 Layout from Instagram https://appsto.re/kr/X3jQ5.i layout instagram apptutorial Mar 23, 2015 Layout from Instagram https://appsto.re/kr/X3jQ5.i instagram apptutorial Mar 23, 2015 LINE ios line apotutorial Mar 12, 2015 Timeli
デザイナーがUIについて考えるときのコツ - 2014/11/18 [Schoo]
こんにちは！スクー教務課の廣松です。 今回はスクーで開講された授業からデザイナーがUIについて考えるときのコツについてご紹介したいと思います。 UIとは？ ユーザインタフェース (User Interface) は、機械、特にコンピューターとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。(Wikipedia「ユーザーインターフェース」より引用） …うーん、難しい！ 本記事は、UIについての知識がない方から、UIデザインの具体的なコツが知りたい方まで一緒にUIデザインについて理解を深められる内容となっております。Webデザインの第一線でご活躍されているプロによる授業から学んでいきましょう。 目次 1. UIとは何か 2. アプリUIデザインについて 3. 優れたUIとは 4. 優れたUIを考えるコツ「UIをパターン化」してから選ぶ 5. UIデザインを考
![デザイナーがUIについて考えるときのコツ - 2014/11/18 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee9310c23132593278f0297238b0f4244cd92f69/height=288;version=1;width=512/http%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj6_2.jpg)
モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
超期待のプロトタイピングツール「Prott」がiOSアプリとして10月1日にリリース｜男子ハック
@JUNP_Nです。UIデザインのプロ集団、Goodpatch（グッドパッチ）がベータ版として公開しているプロトタイピングツール「Prott」のiOSアプリを10月1日にリリースすると発表。モバイル開発者は見逃せないプロトタイピングツールになりそうです。 もっと簡単にプロトタイプを作ろう！プロトタイプを共有してコミュニケーションを！プロトタイプを作ることの重要性はGoodpatch（グッドパッチ）の土屋尚史氏が色々な場所で発言していますが、そんなGoodpatch（グッドパッチ）が手がけるプロトタイピングツール「Prott」のiOSアプリが10月1日にリリースされることが発表されました。 参考：CSS Nite LP33フォローアップ 土屋 尚史さん「ディレクター･デザイナーのためのプロトタイプ制作とシナリオ作り」 「Prott」は「ラピッドプロトタイピング」と「ラディカルコミュニケーショ
[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse
Bouncy Scrolling ※アニメーションGIFにしたらサイズがすごかったので静止画像です。 デモページには他にもたくさんのデモがあります。 Impulseの使い方 実装は各デモによってHTMLやJavaScriptが異なるので、「Pulldown Menu」で実装方法を紹介します。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ここは全デモ共通です。 <head> ... <script src="/scripts/impulse.js"></script> </head> Step 2: HTML ヘッダ、メニュー、コンテンツをそれぞれdiv要素で実装します。 <body> <div class="nav-header"> <div class="hamburger-menu-handle"></div> </div> <div class="pu
![[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse](https://cdn-ak-scissors.b.st-hatena.com/image/square/b00ab7bf5a19e33db792ea0ed5fb6335ba4f97e7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090106.png)
ユーザーが待っている間のUIデザイン | UXデザイン会社Standardのブログ
あなたは待つという行為は好きですか。私達の生活では1日の中に何度も待たなければいけない時間が発生します。 朝の出勤のために電車が来るのを待ったり、会社のエレベーターが降りてくるのを待つなど、既に慣れてしまってあまり意識していないかもしれませんが、実際には多くの待ち時間があるはずです。 アプリケーションでの待機 上記の現実での待つことと同じくらいの数を、私達はアプリケーションで体験しています。例えばTwitterで新しいツイートを見るためにリロードしたり、Safariで画面が切り替わるまでを待つなど、現実世界と比べるとミクロな時間かもしれませんが、回数的には同じくらい待つことを行なっています。 たしかに短い時間かもしれませんが、現実世界と違いアプリケーションを利用中のユーザーは他の何かをして待つことが困難という問題があります。現実の待ち時間ではiPhoneをすぐに取り出してTwitterやニ
Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」｜男子ハック
@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要img via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い！ この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい
スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook -UXPin
スマホページやスマホアプリで実際に使用されているさまざまなUIエレメント・コンテンツの見せ方・アニメーションの特徴、そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Mobile UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Designing a mobile interface for older people
iPhone 6/6 Plusで仕様が複雑になった解像度もコレなら分かりやすい、歴代iPhoneの解像度をまとめたアルティメットガイド
Creative Showcase of Latest Mobile App UI Designs