最もシンプルなプロトタイピングツール ワイヤーフレームから動くプロトタイプまで 5分あれば完成します。 無料ではじめる »
プロトタイピングツール - PLOGLESS
最もシンプルなプロトタイピングツール ワイヤーフレームから動くプロトタイプまで 5分あれば完成します。 無料ではじめる »
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
触れる・動くによって変わるデザインプロセス
5月26日、青森にて今後のWebサイト制作との向き合い方というイベントが開催されました。今回は これから求められるWebコミュニケーションスキルと題してプロトタイピングの基礎を解説しました。 CSS Nite in TAKAMATSU のとき「静的なカンプは過去の手法」と話しましたが、ではどうしたら良いのかを考えるキッカケとして本セミナーは参考になったかと思います。 「とりあえず見せて」の解釈について 人は誰しもアイデアをもっていると思います。 自分の頭の中ではハッキリしていたとしても、人に伝えることが出来なければアイデアは活かされることはありません。アイデアはどうすれば伝えることが出来るのでしょうか。 「話せば分かる」という言葉がありますが、そう簡単にはいかないのが現実。同業者で同じような知識を持っていたとしても、同じ言葉が違ったふうに解釈される場合があります。 Webサイトデザインのア
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？ 答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモックアップを作って（ウェブなら画像をブラウザーで見せるだとか）、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング（紙でプロトタイプを作り、検証すること）」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
60 User Interface Design Tools A Web Designer Must Have | Tripwire Magazine
60 User Interface Design Tools A Web Designer Must Have by Sonny M. Day | Last updated Oct 18, 2016 | Tools | 49 comments The success of web applications and websites depends in how well designed the User Interface is. Designing a good user interface however is a very challenging process. A designer’s concepts and design decisions always affect the end users of the web site, application or general
Day 19 – 365psd
Thousands of Photoshop files, Templates and Mockups for freeIn our collection of free PSD files, Mockups and Templates you'll find something useful for your design project: Maps, Cards, Brochures, Poster frames, text with effects and quotes, Infographics and so much more! Download for free, for personal and commercial use!
Wireframe Web & Website Wireframe Examples: Site Design, Tools & Mockups - Wireframes by MockupTiger
誰でもできるiPhoneアプリのプロトタイプのつくりかた【サンプルつき！】
突然ですが、ペーパープロトタイプって知ってますか？ 実演ムービー 今まで気がつかなかった問題に気づけたりと、かなり強力な武器になります！ これをiPhoneの画面で気軽にできないかなー、お客さんに触ってもらったりできないかなーと思ってました。 ピンと来るやつが無かったので、作っちゃいました！ iPhone上で動く フルスクリーン対応（アプリによる） ファイルを開くだけなので、メールで送ったり共有も簡単！ 後からの追加、削除も柔軟に対応可能 デフォルトのUIを使わない場合のテストに真価を発揮します やり方は超簡単なので、今すぐに試すことができますよ！ 簡単なサンプルファイルも最後についてます！ それでは「続き」からどうぞー！ ペーパープロトタイプとは 新しい製品、サービスを開発するとき、スケッチを紙芝居の様に動かしながら、テストユーザーに触ってもらうことで使い易さや機能要求などを開発初期段階
デザインに欠かせない iPad テンプレート - everything might happen tomorrow - yhassy - builder by ZDNet Japan
先週、発表された iPad の特性を活かしてアプリケーションを開発したいと考えている方はいると思います。プログラムをされる方なら SDK をダウンロードして動かし始めていると思いますが、デザイナーの方もビジュアル面からいろいろアイデアを練りたいのではないでしょうか。まだ、発表されて１週間ほどしか経っていませんが、幾つか無料テンプレートが公開されています。 iPad GUI PSD iPhone 用のテンプレートを公開している Teehan+Lax が、今度は Photoshop 向けの iPad テンプレートを公開しています。GUI 要素が最も豊富なのはこのセットでしょう。 Apple iPad fully editable PSD コンパクトにまとめられた PSD のほうが良いという方はこちら。とりあえずスクリーン上にどういうふうに見せようか考える場合であればこちらで十分かもしれません。
paper_prototyping_template_for_iPhone
Paper Prototyping Template for iPhone Status bar Slider Page indicator Text input Activity indicator Grouped table cell view Segmented control Navigation item Search field Toggle switch Button Application icon Alert Disclosure Screen, 4 x 6 Screen, 32 x 48, 10px Screen, 40 x 60, 8px Do you want to exit this application? Picker & Text input Navigation bar Tab bar http://artandmobile.com
jQuery 1.4.2 Visual Cheat Sheet woorkup.com
Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.
無料で使えるワイヤーフレームツールのまとめ : could
ソフトウェアワイヤーフレーム 無料で使えるワイヤーフレームツールのまとめ Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawing program UMLダイアグラムに特化していますが、ワイヤーフレームも作れます。基本的にデータは XML で保存されますが、EPS, SVG, PNG といった別形式にも書き出せます DENIM タブレットで操作すると快適そうなプロタイピングツール。サイト内をどのように移動するかを確認するには使えそうです OpenO
ワイヤーフレーム : could
ブレないワイヤーフレームを作るコツ 幾つかのアプローチがあるワイヤーフレームを選ぶときに４つのチェックポイントがあります。今回は HTML ベースのワイヤーフレーム/プロトタイプに注目してどのようにしたらブレなく相手に伝わるのかを考えてみました。 OmniGraffleを便利に使うあれこれ マスターオブジェクトを作って複数オブジェクトを管理するといった高度な機能から、手軽にオブジェクトを作成・管理をするための簡単 Tips まで OmniGraffle の使い方を幾つか紹介します。 OmniGraffleを使ったテンプレート作り OmniGraffleに実装されている共通レイヤーや変数といった機能を利用することで、毎回同じ数値やオブジェクトを入力することなく、効率的な管理とページの量産が可能になります。 ワイヤーフレーム制作の５つのアプローチ ワイヤーフレームとひとことで言っても様々なアプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prototyprs
Cloudy UI kit PSD
PixelsDaily | Resources
Wireframing Tools, Application Prototyping, softandGUI - UXToolbox
25 great free UX tools - UXM
UXPin | The Full-Stack UX Design Platform
