Online diagramming tool for collaborating on wireframes, flowcharts, and more
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 前回の記事に続き、サイトデザインが生まれる過程(デザインカンプができあがるまでの試行錯誤)を振り返ってみたいと思います。 私がデザインをご依頼いただいたときに踏むデザインプロセス 目的を明確にし、戦略を決める 要件定義を行い、サイトの構造を決める ページの骨格を決めたり、ページの中で見せたい情報に優先順位をつけたりする 見た目の表現を形にする 大枠に考えるとこのようなフローでデザインを行います。プロトタイプを作ってから問題点を見つけてブラッシュアップをする場合は2〜5をいったりきたりすることも多いです。 また、そのときのコンディションによって順序が入れ替わることもあります。 デザインプロセス(その1)でやってきたことを振り返ると、
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組みがあれば、デザインが完成した後、クライアントさんが、「こことここを直して」っていう作業をWEB上で迅速に、便利に行えて作業の効率化が図れそうです。 画面にNotableのサイト上で注釈をどんどん入れていってる例。 Notableの使い方 それではどうやって使うかを簡単にご紹介。 まず、どうやってキャプチャを撮るか、ですが、Firefox3用のアドオンが公開されていて、インストールするとボタンがブラウザのツールバーに追加されます。 IEやChrome、Safariなどの他のブラウザでも、URLを入力するだけで簡単にキャプチャが取
EA Play FIFA 23 F1™ 22 Madden NFL 23 Apex Legends Battlefield™ 2042 The Sims 4 Electronic Arts Home Latest Games Coming Soon Free-To-Play EA SPORTS EA Originals Games Library EA app Deals PC PlayStation Xbox Nintendo Switch Mobile Pogo The EA app EA Play Competitive Gaming Playtesting Company Careers News Technology EA Studios EA Partners Our Commitments Positive Play Inclusion & Diversity Social
フリーミアム(少量は無料だけど大量に使うと有料という課金モデル))なウェブサービスをいくつも成功させている37Signalsが、新しくウェブデザイナーと発注者のマッチングサービスHaystackを本日オープンしました。 ウェブデザイナーやウェブデザイン会社は、このサイトに登録することで、デザインを発注したい企業の目に止まり、仕事を受けられるかもしれない、というものです。 有料プランもあり、その場合は上のスクリーンショットにあるように、無料の表示の4倍の大きさのスペースに、複数の作例を表示したりできるということです。 同種のマッチングサービスは既に多数あります。たとえば、ProgrammerMeetDesignerとかCollabFinder、AuthenticJobs、Kropなどがそうです。Haystackは後発ではありますが、37Signals自身の知名度が高いことから、このサイトもそ
お届けについて ご注文いただきました商品は、通常、準備でき次第(概ね2〜3日後)、ご注文を頂いた順に発送いたします。弊店より商品を発送しましたら、商品の発送日中に、ご依頼主様へ発送伝票のお問い合わせ番号を併せてメールにてご連絡させていただきます。 お届けにかかる配送料はお客様負担となります。 地域により配送料が異なりますので、よくお確かめ下さい。 配達日の日時指定を承っております。 詳細はこちら
早速だけど、人気NO.1脱毛器といえば、この↓どれかじゃない?? ヤーマン 脱毛ラボホームエディション パナソニックの光エステ たしかに、この3つの脱毛器ももちろん良い脱毛器! だから、今回、改めて18種類の家庭用脱毛器を徹底的に調査してみた。 でも、きっと、皆、「オーパスビューティーなんて聞いたことない!」「脱毛器っていえば、脱毛ラボとかじゃないの!?」って思ってるよね? だから、最新の家庭用脱毛器の調査結果をきちんと報告していくね。 さらに、失敗しない家庭用脱毛器の選び方も伝授するから、ぜひ、参考にしてね。 最新★家庭用脱毛器ベスト15ランキングはコレ! 早速だけど、最新の家庭用脱毛器ベスト15ランキングはコチラ。 15位(同率2点) ・シーズラボ ・2PS 13位 ・トリア 11位(同率2点) ・LAVIE ・ミュゼプラチナム 4位(同率7点) ・ベルソラーレ ・フィリップス ・スム
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り
In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. The response was overwhelming and we really had a hard time going through the designs, analyzing them and deciding which templates deserve the awards. Unfortunately, many tem
◆(X)HTML+CSSによるWeb標準に準拠したセマンティックなサイト制作、Webデザインをご提案します。published on August 09, 2009 - 06:57 PM 美しいコーディングと確かなデザインでWebサイトを構築します。 カナリヤグラフィックスはWebサイト制作のプロとして、コーディングが正しくアクセシブルなのはあたりまえ、だから美しくユーザビリティ・ファインダビリティに優れたコーディングを。デザインが美しいのはあたりまえ、だから高いクオリティと信頼感のある確かなデザインを。そう考え制作業務を行っています。» 制作ポリシー 東京分室を作った理由 このサイトは、Web制作会社カナリヤグラフィックスのサテライトサイトです。日頃お世話になっている方々、今後おつきあいしていただくクライアントや代理店の方々に、カナリヤグラフィックスがWeb制作に対して何をどう考え作業し
説明文が入りますデザイナって何してるの? 「デザインって難しそう。どこからどうやって勉強すればいいんだろう……」「デザイナーに依頼してるけど何が正解か分からない」そんなアナタに向けたデザイン勉強会。 デザイナーは現場でどのような作業をしているのか、何を考えながら作っているのかを さまざまな事例やパネルディスカッションで紹介していきます。 日程:11月11日(水) 時間:19:30 - 21:30(開場 19:00) 会場:株式会社ビービット会議室 東京都千代田区富士見2-14-37 FUJIMI EAST 1階 http://www.bebit.co.jp/about/map/index.html 参加費:無料 定員:50名(応募者多数の場合、抽選) 懇親会定員:あり。別途申し込み。50名 懇親会参加費:実費4000円程度(勉強会受付時に支払い) 対象 ・デザインを覚えたい
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか? ヒートマップツールを使う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く