A Beginner’s Guide to Wireframing | Envato Tuts+
How to Create a Wireframe Follow these steps and tips to introduce wireframing into your own design process. Step 1: Getting Inspiration Since a picture can paint thousand words, take a look at I ♥ wirefames. You’ll be able to get a quick overview and visual understanding of how other designers are handling their wireframing process. Perhaps also grab this nifty browser bookmarklet, Wirify which e
Paper prototyping helper kit
When you're creating a paper prototype, it saves time to have controls and buttons that you can cut out and re-use, without needing to draw your own. Here's a set that you can download and use for free. — David Travis, Dec 6, 2010. We use this collection of controls, buttons and icons when we’re creating paper prototypes. The widgets can either serve as design inspiration or you can literally cut
AppleタブレットのUIはズバリこうなる！（動画＆予想図）
AppleタブレットのUIはズバリこうなる！（動画＆予想図）2010.01.26 23:00 satomi ｢タブレットはMac OS XのUIがいいな｣という声、｢今までにないエキゾチックなUIになるよ｣という声、どちらも間違い。Appleタブレットは単に、iPhoneで始まったUI革命の第2ステップです。 ここでは、その理由を並べてみましょう。 ハードウェアの話なら、いくらでも予想が立ちますが、ことUIに関しては3派に分かれて、三つ巴の戦いになってます。 ひとつ目は、タブレットもGUI（ウィンドウ、フォルダ、昔ながらのデスクトップのメタファー）しかないと思ってる人たち。あのWindowsタブレットや最近のタッチ対応ノートみたいな。 ふたつ目は、アップルのことだから3Dインターフェイスとかなんか実験的なこと、誰も想像もつかないインターフェイスを用意してるんじゃないか、という夢追い派。愛と
モバイルオーダーを導入することで売り上げがアップする秘訣を徹底的に解説｜モバイルオーダーを使いこなそう
このサイトでは、飲食店にとってモバイルオーダーシステムを導入することで得られるメリットについて詳しく解説をしていきます。 昨今は全国各地で時短営業をなされるようになり、大幅な収益の低下を経験されていることでしょう。 どうすれば売り上げをあげられるのか、そのカギを握っているものです。 活用方法や秘訣にも触れていくので、これから導入なさる方に役立つ情報となっています。 ぜひ、参考にしていただけると嬉しい限りです。 モバイルオーダーを導入することで売り上げがアップする秘訣を徹底的に解説 モバイルオーダーの基礎は、デリバリーサービスにつなげられる点です。 店内では雇用するスタッフを削減して、効率よくオーダーを聞き取ることも可能です。 売り上げは人件費などの経費と結びつくため、スタッフの数を減らせば必然的に毎日の売り上げをアップさせることが可能です。 モバイルオーダーシステムなら、来店客自身が食べた
iPhoneアプリのインターフェースデザインがざくざく見られる『TappGala』 | 100SHIKI
これは便利ではなかろうか。 TappGalaではiPhoneアプリのインターフェーズデザインをざざっと眺めることができる。 ここのインターフェースはどうするべきかなぁ、と悩んでいるデザイナーやエンジニアにおすすめだ。 なお、このサイトで紹介されているそれぞれのアプリの画面は数枚だが、ちゃんとiTunesへのリンクもあるので、気になるアプリがあればダウンロードや購入して確かめてみるといいだろう。 またもちろん自分で作ったデザインも投稿できる（審査があるかどうかはちょっと不明…）。腕におぼえのある人はいかがだろう。 新しいプラットフォームであるiPhoneやiPadのインターフェースデザインがこうしてまとまっていると便利ですな。
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
電子書籍に取り組むということ — クレイグ・モド
93年のCD-ROMじゃあるまいし、 ビデオミックスとか、 新しい「インターフェースのパラダイム」とか って言うのやめようぜ。 「文章」について語ろう。 電子書籍を語ろう。 雨のそぼ降る日曜の午後、都心のカフェでどうにかiPadで本を楽しもうとしている。でもダメだ。フォントもなっちゃないし、綴りまちがいがあるし、変なところでページが切れてたり、ナキワカレや、表が切れちゃってたりして気が散る。その時、このガラスと金属でできたすごいモノを手にして何週間もなるのに、10ページも進んでないことにハタと気づいた。 何がいけないんだろう？ iPhoneでもう何度も小説を楽しんだんだから、スクリーンのせいじゃないな。 テーブルや膝の上に置けばどうってことないから、重さのせいじゃないな。 問題はもっと単純なことで、電子書籍を読むにはiBooksやKindleのアプリはEリーダーとしてイマイチなんだ。デジ
iPhone SDK 4からの新機能UI Automationの使い方 - 強火で進め
UI AutomationはJavaScriptで記述されたプログラムでUIの自動テストを行うものです。 JavaScriptの記述 例えばこの様に記述します。 UIALogger.logStart("Starting Test"); UIALogger.logDebug("--logElementTree()"); UIATarget.localTarget().frontMostApp().logElementTree(); UIALogger.logDebug("--mainWindow().logElement()"); UIATarget.localTarget().frontMostApp().mainWindow().logElement(); var view = UIATarget.localTarget().frontMostApp().mainWindow(); va
第3回ユーザー中心のWebサイト設計・ワークショップ2日目: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 26日の土曜日は、先週に引き続き、第3回ユーザー中心のWebサイト設計・ワークショップの講師をしてきました。 前回は、ユーザー調査の結果をワークモデル分析、KJ法を使った分析を経て、ターゲットユーザーのモデルとなるペルソナを作成するところまで作業をしてもらいました。 宿題として各自に、自分たちがつくったペルソナにぴったりだと思われる写真を探してきてもらうことを宿題としました。 今週の作業はその写真のなかから一番ぴったりと思われる写真を選んでもらうことからスタート。その後、ペルソナの期待を満たしつつ、ペルソナがゴールと考える状態まで導くためのWebサイトの要件、プロトタイプを、シナリオとペーパープロトタイピングの手法を使ってデザインしてもらいました。 以下のステップです。 シ
実際の操作を真似しながらiPhoneのテストを行う·UISpec MOONGIFT
UISpecはiPhone向けのオープンソース・ソフトウェア。開発したシステムにテストは付き物だ。今は開発者向けにテストフレームワークが各種揃っており、テストを自動化するのもそれほど難しいことではない。そう、ユニットテストについてはとても楽になったのではないだろうか。もう一つは実際の操作を伴うテストについてだ。 iPhoneの動作テストに これがなかなか難しい。実際の操作を行うにはエミュレータや実機が必要になる。iPhoneの実機テストなんて相当大変そうなイメージがあるだろう。だがUISpecを使えばその負荷が軽減できそうだ。UISpecはRSpecにインスパイアされて開発されたソフトウェアで、iPhoneエミュレータを実際に操作してテストを行うことができる。 デモがあるので試してみると分かりやすい。まるで人が操作しているかのようにスライドしたり、ボタンを押したりする。入力ももちろん可能だ
習熟度でインターフェースをわけないということ - koyachiの日記
はてなおやさんがあいかわらずいいことを言っています。この文章の本質は最後のほうに書かれていることだと思いますが、その前振り(といったら失礼かも)もインターフェース的に重要です。 はてなブックマークをより使い易いように改良したいと思うけど、それは「初心者に使い易い」ようにする観点ではなく、あれはウェブを見るのが大好きな人たち向けのツールなんだから、初心者が成長してきたころに使うためのツールなんだと。 だから、「使い易い」というのと「初心者にわかりやすい」というのは別の話なんだ、そういう風に考えながら色々改善する。「初心者"にも"分かりやすい」のはもちろんベストですが、それが「初心者向け」に変化してしまって、やたらと説明文の多い設定画面だとか、最小限で済むはずのインタフェースが冗長になってしまったりとか、そういう罠にはまらないように。 naoyaのはてなダイアリー - 3年前の自分は別人、を他
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://www.designwalker.com/2010/05/wireframe-resource.html
iconPot - totally free icons
http://xls.usagifrask.com/
http://www.yasuhisa.com/could/entries/001143.php
IBM JavaScript での有限状態マシン 第 2 回: ウィジェットを実装する - Japan
ダメなユーザインタフェイス講座