無料で使えるワイヤーフレームツールのまとめ : could
ソフトウェアワイヤーフレーム 無料で使えるワイヤーフレームツールのまとめ Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawing program UMLダイアグラムに特化していますが、ワイヤーフレームも作れます。基本的にデータは XML で保存されますが、EPS, SVG, PNG といった別形式にも書き出せます DENIM タブレットで操作すると快適そうなプロタイピングツール。サイト内をどのように移動するかを確認するには使えそうです OpenO
ハイクオリティサイトのワイヤーフレーム分析 (1) 他サイトのワイヤーフレームから学べること
ワイヤーフレームとは「ページの大まかな見取り図」のことであり、この部分にはこのコンテンツ、というページ構成を示したものである。Web制作の案件では、比較的上流の工程でワイヤーフレームづくりを行い、その後にビジュアルデザインやインタフェース制作、(X)HTML+CSSページへの落とし込みの作業に入る。 コンテンツそれぞれをどこに配置するかという判断、いわゆる「情報アーキテクチャ」は、限られたスペースを有効活用するのに重要なだけでなく、ユーザービリティ(使いやすさ)やファインダビリティ(発見しやすさ)にも大きく関わってくる。ユーザー中心デザイン(User-Centered Design: UCD)という言葉を借りなくとも、Webサイトはユーザーに使ってもらってはじめて意味があるのであって、運営者とユーザー双方の満足が、車の両輪のようにサイトを動かし、発展させるのである。 特にトップページのワイ
画面レイアウトを考える その３ホームのワイヤーフレームを作る
前回でワイヤーフレームに含まれる基本的な機能とその名称が確認できた。具体的にページを起こすために、もう少しページの専用性に配慮した状態を考えねばならない。ページのホーム、つまりサイトのURLを叩いてアクセスする先頭のページと、ホームにぶら下がっているカテゴリのトップでは、含まれるべき機能に違いがある。これを専用性と捉えて考えるのだ。 余談だがホームページという呼び名には２通りの印象が結びついている事と思う。１つは前述の定義に沿った「サイトの入り口」という考え方、もう１つは「サイト全体」を示す考え方だ。前者の意味が正しい定義で、後者は「サイト」という意味の俗称と捉えていただきたい。よくテレビCMで「この商品のホームページはこちら」などと伝えているが、これは言い換えると「商品のウェブサイト」をより親しみやすくしている形だ。 グリッドで考える さて、必要な機能を自分が手がけるサイトに適応させてい
Forgot the Milk. - 超強力GTDツール、GoogleノートブックでGTDを実践する方法
Lifehacker にGTDに関する興味深いポストを見つけました。Google Notebookで GTD を実践する という記事です。 > http://lifehacker.com/software/geek-to-live/getting-things-done-with-google-notebook-256844.php Googleノートブックの特性をうまく利用した斬新なGTD実践方法が詳しく紹介されていました。とても勉強になったので紹介します。 なぜ Google ノートブック？ なぜGoogleノートブックかというと・・以下の理由があげられます。 ・拡張機能を利用することで、どこでも素早くウェブ上の情報をスクラップできる ・強力な検索機能がある ・共有機能を利用することで、家族や同僚達と共同利用できる ・スクラップ時に生成される自動リンク機能が便利 ・世界中どこのコンピュ
Remember The Milk を徹底的に使い倒す！！ -- Forgot the Milk
最強のTODO管理(タスク管理)ツールとして話題の「Remember The Milk」 を徹底解剖！！Ajaxを駆使した神秘的とも言える脅威のインタフェースを備える操作性、atomフィード・rssフィード・iCalなどのアウトプット や公開APIを利用した他Webサービスとのマッシュアップなど、拡張性に富んでいるところも、今後の発展を期待させます。特に「Google Calendar(カレンダー)」や「Gmail」との連携はスケジュール、タスク管理を飛躍的に効率アップしてくれます。さらに、昨今ストレスフリーの仕事術(life-hack)で注目されている GTD(Getting Things Done)にも最適なツールなのです。そんな Remember The Milk の魅力をより多くの人に知ってもらうため、徹底的に掘り下げて紹介します。 ※牛さんアイコンのある記事は、Remember
Forgot the Milk. - Gmailで強力なGTD環境を構築する詳しい方法 From The David Allen Company
GTDの提唱者、デビッド・アレン氏の会社「The David Allen Company」の Webサイト に、Gmailで、Emailの領域を超えた強力なGTD環境を構築するための詳しい解説が掲載されていました。Gmail+GTDは今までも耳にしてきた内容ですが、まだまだGmailを使いこなせていないことから敬遠してきました。しかし、この記事を見れば誰でも簡単にGmailで強力なGTD環境を構築できます。大変勉強になったので、紹介します。 最初に この記事は、GmailがEmailの領域を超え、あなたのワークフローを管理するための強力なGTDアクションリストマネージャとなる方法を示します。あなたが、デビッド・アレンのGTDを支持するのならば、この記事は大きな価値を提供できるでしょう。 さて、GmailでGTDを実践するためのステップとして、ラベル、連絡先、フィルタの若干のカスタマイズが必
Gmailのキーボードショートカット一覧（Gmail2.0隠れキー含む）
GTDなどで最も便利なタグ外しキー。 [受信トレイ]ではアーカイブ（Inboxラベル外し） [スターあり]ではスター外し ラベルではラベル外し（所属ラベルのみ） [ゴミ箱]では[受信トレイ]に移動。 ※[迷惑メール]、[送信済み]、[すべてのメール] 内では機能せず。
Gmail のキーボード ショートカット - パソコン - Gmail ヘルプ
キーボード ショートカットを使用すると、Gmail を素早く操作できます。 キーボード ショートカットを有効にする 一部のキーボード ショートカットは、ユーザーが設定を有効にすると使用できるようになります。 注: すべてのキーボードでキーボード ショートカットがサポートされているわけではありません。 パソコンで Gmail にアクセスします。 右上にある設定アイコン [すべての設定を表示] をクリックします。 [設定] をクリックします。 [キーボード ショートカット] までスクロールします。 [キーボード ショートカット ON] を選択します。 ページ下部にある [変更を保存] をクリックします。 使用できるショートカット キーボード ショートカットを使用することで、受信トレイやメールの移動、テキストの書式設定、メールのアーカイブや削除などの操作を行うことができます。 キーボード ショー
Gmailショートカット(プリント可能チートシート)
一覧上：新着メールへへカーソルを移動する。<Enter>を押す事でカーソルがあるメールが開く。メール詳細が開いている場合は一覧へ戻る。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/wireframe-2.html
ウェブの画面設計に使えるまとめ - DesignWalker