ChocolateChip UI
How to Print a Test Page on Epson Printer? What is a Printer Test Page? Printer Test Pages are used for checking several things with your printer for maintaining and resolving the troubleshooting issues with the ink cartridges on your printer or just in the general maintenance of your printer. What Problems will a Test Page Resolve? A printer test page will detect and […] Continue reading Document
レスポンシブWebデザインで成功するUI／UXのポイント5つ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI／UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI／UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に
WebサイトにもiPhone風の通知を実現·HTML iOS Notifications MOONGIFT
HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS Notificationsです。 デスクトップ版。画面上部に通知が表示されています。しばらく経つと消えます。 複数出すこともできます。 レスポンシブに対応しています。 iPhoneで出す場合は画面幅いっぱいに広がるようです。 Webなので画像やメッセージ、クリックした時のアクションなどは自由に操作できます。スマートフォンに最適化されたWebサイトで使うとまるで本物のネイティブ風になるのではないでしょうか。 MOONGIFTはこう見る HTML iOS Notification
fladdictさんが考える「手触りのあるアプリ」（前編） iOS 7のフラットデザインと、これからのUIデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
『【iPhoneアプリ開発者必見！】画面遷移をイメージしやすくなるアプリ【POP】』
こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまったお休みを使って 新しいiPhoneアプリを作ってみようかな… とか考えてる人多いと思います。 （ん？多いの？私のまわりだけ？） そんなあなたに！今日は革命的なアプリを紹介します！！！ iPhoneアプリの開発に携わってる方、webデザイナーの方、 UI設計をされている方、アプリプロデューサーの方、必見！！！ 紹介するアプリは「POP ~prototyping on paper」です！ POPはPOPでもLINE POPとは関係ないですよ。 コチラです！ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ アプリ名：POP ~prototyping on paperカテゴリ：仕事効率化金額：無料 AppStoreはこちら ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ このアプリは設計の
株式市場を観察・勉強するのに最適なiPhoneアプリ『Yahoo!ファイナンス 株価マップ』 - リニューアル式
Yahoo!ファイナンス 株価マップ 3.0.2（無料） カテゴリ: ファイナンス 販売: Yahoo Japan Corp.（4.8 MB） 経済は人生の必須科目だし、日々勉強しないと。 347個目の原石アプリは「Yahoo!ファイナンス 株価マップ」。全上場銘柄の今日の値動きを、一画面で確認できてしまうアプリだ。 値の上げ下げは赤・青で、出来高は3D表示で表現。 なるほど、今日のマーケットの「熱」のようなものがひと目でわかる。 視点を下げて拡大すれば、個別銘柄の情報も確認可能だ。 ダイヤルを回すと、５日分の市場の動きを再生できる。 まるで株式市場がひとつの生き物のようにうねり出す様子はなかなか面白い。 オススメ度 ★★★★★ 今日は日経平均が一時的に9,500円台を回復した。 衆議院選に向け、株価が今後どう動いていくかを観察・勉強するのにも良さそうだ。 高橋モトシ(@Motoshi_t
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
UI と UX の違い - Zerobase Journal
「UI」は「ユーザー・インタフェース」。 「UX」は「ユーザー・エクスペリエンス」。 「UI/UX」と混同表記する人がいるから、「UI と UX の違い」という不要な疑問も生じるんです。 「UI と UX の違い」なんて瞭然ですよ。 それを説明するために、ちょっと回り道します。 「怪我と痛みの違い」は瞭然ですよね。 「怪我」は客観的物質的存在です。 怪我した本人でも他人でも誰でも、そこに怪我が「ある」ことを観測できる。 一方、「痛み」は主観的な感覚ですね。 他人の「痛み」は観測できない。 痛がっている様子から「痛いんだろうな」と推定することはできるけど。 「UI」が「怪我」、「UX」が「痛み」に対応した比喩です。 「UI」は客観的物質的存在です。 誰が見ても iPhone にホームボタンは一つです。 誰が押してもホーム画面に遷移する、というインタラクションです。 一方、「UX」は主観的な体
直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
モバイルデザインパターン
モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン： ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン サンプルPDF ● 「監訳者まえがき〜1章まで」（15MB） 監訳者まえがき 賞賛の声 序文 まえがき 1章 ナビゲーション 1.1 主要なナビゲーション 1.1.1 Springboard（スプリングボード） 1.1.2 List Menu（リストメニュー） 1.1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「iOS 7」ファーストインプレッション 見た目が一新されたiOS史上最大のアップデート
「iOS 7」論争とデザインの本質：ジョン・マエダ
心地よさを目指した布やゴムのようなツクロアのドロワーUI | 株式会社ツクロア
iPhone3,4,5用の主要なUIが全部揃ってる！アプリ開発用のデザインテンプレートのPSD素材 -iPhone App Templates Pack
HTML、CSS、JSでiPhoneアプリのプロトタイプが作れる「Ratchet」:phpspot開発日誌
インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic
cmmntr.com