くらげごはん。くらげごはん。 - くだくらげの食と料理の記憶をつづる →いままでのごはんを見る
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
Webデザインがつまらなく感じてしまう理由 - komagataのブログ
Webデザインがつまらなく見えてしまう理由 : could 今、私たちがしている仕事は Web をデザインしているというより「この要件を満たすためには A と B と C がいる」という組み合わせを探して組み立てているだけに過ぎないのではないかと感じることがあります。紙デザインへの憧れとノスタルジーを感じながら、どうにかして Web へそのまま移行しようと努力していることもあります。そうした試行錯誤をデザインプロセスと呼ぶことはありますが、これらの仕事をする人が Web デザイナーであるとするのは少し寂しいことだと思います。 こちらのエントリーを読んでつい最近感じた疑問が整理された気がしました。 この間、会社で同僚が他の紙媒体出身のデザイナーの方と共同作業したときに、こちらのユーザービリティやアクセシビリティの考えと、先方のデザインが尽く噛みあわなかったということが起こったそうです。同僚の
Webデザインがつまらなく見えてしまう理由
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
adtaylor.co.uk is coming soon
is a totally awesome idea still being worked on. Check back later.
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
U-site
日記調査：長期間のユーザー行動と体験の理解 ニールセン博士のAlertbox 8月9日 読了までに約15分 参加者は日々の活動をその都度記録し、リアルタイムのユーザーの行動やニーズについてコンテキストに基づいた知見を提供する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ YouTube、始めました 黒須教授のユーザ工学講義 7月25日 読了までに約5分 2024年5月にYouTubeチャンネルを開設し、そこで「黒須のユーザ工学入門」を連載することにした。講演や講義とは違ってもっとオープンにして、広い範囲の人たちに話を届けたいという気持ちがあったのだ。
無料で使えるワイヤーフレームツールのまとめ : could
ソフトウェアワイヤーフレーム 無料で使えるワイヤーフレームツールのまとめ Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawing program UMLダイアグラムに特化していますが、ワイヤーフレームも作れます。基本的にデータは XML で保存されますが、EPS, SVG, PNG といった別形式にも書き出せます DENIM タブレットで操作すると快適そうなプロタイピングツール。サイト内をどのように移動するかを確認するには使えそうです OpenO
時間展 : 空間から時間へ ～ 新しいデザインの発想
「時間」が使いやすさの新基準。時間とインタフェースデザインの発想が人にやさしいユビキタス社会を実現します。いま安村研究室が注目している課題のひとつに「時間の使いやすさ」があります。いくら魅力的なサービスやシステムでもそれを使う時間がないことが問題です。時間展では「インタフェースデザイン + 時間」から新しいソフトウェアやシステムを提案します。私たちは「製品としてよい」ということだけではなく、「その製品は、ユーザの生活時間をどう使うか」という視点から、新しい使いやすさを目指した約 20 の展示を行います。 What's New 2008-9-2 トークセッション登録を開始しました 2008-8-28 トークセッションの詳細を公開しました 2008-8-22 プロジェクトページを更新しました 2008-6-30 時間展ウェブページを一新しました
design non design: デザイナーの職能は理解されていない
2008年5月11日 デザイナーの職能は理解されていない ナカバヤシテツタロウさんがご自身のブログ“Seeds of Design”で，“CNET Japan”に掲載された記事が気になったと述べていらっしゃいます。 ジャーナリストのDaniel Terdiman氏がIKEAの製品開発プロセスについて，開発者であるJune Deboehmler氏と広報担当者であるMarty Marston氏に尋ねてみたが「その答えはかなり複雑」だったとしているが，ナカバヤシさんには「決して複雑な内容ではない。モノ作りのプロセスとしては真っ当だ」と思えるという内容でした。 私もナカバヤシさんのブログが気になって元記事を読んでみました。記事について，私もナカバヤシさんと同じ感想を持ちました。製品デザイン，いやデザインのプロセスとしては至極普通の，「普通」という言葉が適当でないとするならば「教科書的な」プロセスで
"世界"に"ユーザー"はいない (arclamp.jp アークランプ)
石川さんのところに行ったときに「テクノロジーは世界をインターフェースする」という話を聞いたのですが、その元ネタがこれ、「Designing World-realm Experiences:The Absence of World "Users"（世界経験のデザイン＿"世界"に"ユーザー"はいない）」。 書かれたのはリビングワールドの西村佳哲（にしむら・よしあき）さん（参考記事：リビングワールド：世界を感じるものづくり）。様々なデザイン活動でも知られていますし、最近では自分の仕事をつくるという本でも有名です。 で、西村さんが1999年に書いた文章。かなりシビレます。長い抜粋。 デザインとは、インターフェイスすることであって、インターフェイスをつくることではありません。私たちは、他の人々や生きている世界と接したいのであって、コンピュータなどの情報機器や、インターフェイスデザインと接したいわけで
秋元@サイボウズラボ・プログラマー・ブログ: 管理画面用のフリーテンプレートが公開されている
ブログやエンドユーザ向けページのデザインテンプレートは多いけど、管理画面用でフリーでいいのはあまりない、と主張する作者による、自由に使える(言及やリンクも不要。できればブログ読んでね、だそうだ)管理画面デザインテンプレートというのがWebResourceDepoｔというブログで配布されていて、del.icio.us/popularに出ていた。 開くとこんな感じ。アイコンは、これもフリーアイコンとして有名なfamfamfamを使っている。 これを使った管理画面をWebアプリケーションフレームワークのAdminジェネレータで生成するようにすれば、バックエンド側の画面作成は手間が減るだろう。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の
自分のサイトの見え方とロード時間を徹底調査
How to Completely Test Your Website | Digital Inspiration 自分のサイトは他の環境ではどのように見えているのだろう？ IE では？ Firefox では？ OS の違いはどう影響している？ それと、モバイルで環境で見ている人が多い中、ロード時間はどうなっているのだろう？ こうした疑問に答えるために使えるサイトが Digital Inspiration でまとめて紹介されていました。最近テンプレートの変更作業で使う頻度が高まっていますので、自分がつかいそうなものだけピックアップしてご紹介いたします。 他の環境でのサイトの見え方をチェック まず Browsershots はご存じの人も多いと思いますが、Linux, Windows, Mac OS X など封数の OS に数多くのブラウザを組み合わせて何十種類ものスクリーンショットを作って
カテゴリとタグを上手に使い分ける : could
CMS にタグというコンセプトが組み込まれる以前は「カテゴリー」はどういった情報がコンテンツに含まれているのかを示すものでした。例えば、Mac、映画、ライフハック、仕事といった具合だと思います。しかし、タグ機能が CMS に導入されるようになると、以前カテゴリ名として扱っていた名称 (キーワード) がタグへ移行していきました。 ここで課題になってくるのが、タグがコンテンツに含まれている情報を示すようになったので、カテゴリに明確に違う役割を示さなくてはならないところです。もし従来のように「Mac」というカテゴリを作ってしまうと、Macに関する情報が書かれたエントリーに Mac というタグを書き込むことは重複になりますし、管理する側もこれはカテゴリなのかタグなのかというのが分かり難くなり、記事によって異なる示し方になりかねません。 ブログエントリーとひとことで言ってもエントリーによって様々なタ
ウノウラボ Unoh Labs: Webデザインの「カン」を養うためにしたら面白いかもしれないこと
こんにちは。yamazakiです。今回はちょっと趣向を変えて、技術や手法ではなくて、デザイナとしての「カン」を養うために個人的にやっていること、やったらいいと思うことを簡単にまとめてみました。 左利きになったつもりで、左手をメインに使う生活をしてみる 例えば駅の改札口で、切符を入れるところはなぜあの位置にあるのか、自動販売機の硬貨投入口はなぜあの位置なのか。カメラのボタンの位置はなぜあの位置なのか。普段何気なく使っているものにもやはり「そうしたほうがよい理由」が潜んでいます。その「理由」を発見する上では、マイノリティの立場になってみると面白いです（海外に行くと逆に日本のことがよくわかる、というのと同じようなものかもしれません） というわけで、簡単なところで、左利きになったつもりになって行動をしてみると色々な発見、気づきがあります。 何かを買ったら取扱説明書を見ずにどこまで使いこなせるか試
東京基礎研究所 | 研究紹介 | アクセシビリティ・リサーチ | aDesigner
概要 aDesigner（"エーデザイナー"）は、視覚障害者や高齢者にもアクセスしやすく使いやすいウェブページを作れるように、ウェブページ制作者を支援するツールです。 ウェブ・アクセシビリティとは、ワールド・ワイド・ウェブが誰にとっても、特に障害者や高齢者にとっても、簡単にアクセスできる（アクセシブルである）ことを指します。ウェブが生活に深く浸透してきている現在、ウェブ・アクセシビリティを確保することは、障害者や高齢者の生活の質の向上につながると言っても大げさではありません。また、米国におけるリハビリテーション法508条の施行（2001年）や、日本におけるJIS規格の制定（2004年）など、最近の社会環境の変化も、ウェブページ制作者に対して自分たちのウェブページをアクセシブルにすることを求めています。 IBMホームページリーダーのような音声ブラウザーは、ウェブページを読み上げるこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
muxicall.com