[B! ui] anakahalaのブックマーク

インタフェースデザインの実践教室

インタフェースデザインの実践的な解説書。使いやすいUIで優れたUXを提供するために必須な「リサーチ」「デザイン」「インプリメンテーション」という3つのフェーズを、初心者にもわかるようていねいに解説します。テクニックの章では、ストーリーボードやペーパープロトタイピング、ユーザビリティテストなど、優れたユーザビリティを実現するためのアプローチについて学びます。アイデアの章では、テキストの書き方、どのくらいリアルなデザインであるべきか、アニメーションを使うタイミングなどについて学びます。調査・設計・実装・検証・改善というワークフローに沿ってデザインすれば、ユーザビリティは驚くほど向上します。翻訳者によるサポートページ。サンプルPDF ● 「前付、1章と8章（I部）、23章（II部）、33章（III部）」（38MB）賞賛の声はじめに I部リサーチ 1章ユーザーリサーチ 2章ジョブシャ

anakahala 2013/04/02

買おう

リンク

RedsAfi.com is for sale | HugeDomains

Make 12 monthly payments Pay 0% interest Start using the domain today. See details

anakahala 2013/03/18

リンク

まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT

w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。レイアウト。グリッド。詳細検索対応。ツールバー。サイドバー。階層表示に対応しています。タブ。フォーム。ポップアップ。ツールチップ。その他ユーティリティ。 w2uiのサイズは37KB︵ミニファイ&Gzip︶で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT

anakahala 2013/03/03

リンク

jQuery UI 1.10 日本語リファレンス | js STUDIO

このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない箇所もあると思いますので注意してください。また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI1.9アップグレードガイド(英文) jQuery UI1.10アップグレードガイド(英文)

anakahala 2013/03/02

サンプルもある

jQuery
ui

リンク

話題のエロサイトから学ぶ、サインアップページのA/Bテストによる実践効果 - masturbate.jp はてなブログ支店

A/BテストがWebサービスを開発する上で非常に重要な手法であるということは、GoogleやFacebook、Twitterといった有名企業がこのような手法の効果を公開したことで我々一般人にも認識されてきました。ですが、現在日本のサービスの実践結果はあまり共有されていません。競合サービスに情報を知られたくない、共有する意味がないなど様々な理由が考えられますが、これでは日本のWebサービスのレベルは上がらないでしょう。そこで、我々masturbate.jpは惜しみなく実践結果を共有し、エロサイトだけでなく全てのWeb人達のスキルアップ・ノウハウの蓄積に貢献したいと考えております。今回はmasturbate.jpのサインアップページで行ったA/Bテストを基に我々が学んだことを共有しましょう。まず、masturbate.jpをご存知ないかたに説明すると、masturbate.jpはPin

anakahala 2013/02/23

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

anakahala 2013/01/28

結構頻繁に戸惑ってるなあ。間違えるとまたかよ俺と思うし。

リンク

1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン

ユーザインタフェース使いやすいように、わかりやすい画面に、間違えにくいように、美しい情報デザイン、丁寧な説明。すばらしいユーザインタフェースができた。ユーザエクスペリエンスしかし、そのATMは少し時間がかかった。結果的にお客さんは並ぶことが多くなった︵気分を害す、イライラ︶。﹁お金を引き出す、預ける﹂という銀行の体験は悪くなってしまった。解説︵UIからUXが重要と言われようになった理由︶この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから﹁ユーザの体験という視点からUIを設計していこうよ！﹂という流

anakahala 2012/11/01

ui
ux

リンク

BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ﹁Jetstrap﹂です。 jetstrap - B

anakahala 2012/09/12

リンク

【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事」 | Startup Dating

Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん︵@monja415︶。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。美術大学で勉強、もともと職人になりたかったもともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ

anakahala 2012/06/02

リンク

写真が語るUXとUIの違い - Nothing ventured, nothing gained.

WindowsXPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX︵ユーザーエクスペリエンス︶は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい

anakahala 2012/05/03

リンク

ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012

こんにちはこんにちは！！はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。﹁はまちちゃん﹂とかで適当にググってください。無料でプレミアム機能を使う方法見つける時間がありませんでした。何話そう？プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。本日のテーマ‥ ﹃ふつうのformを使いたい﹄ <form> 電話番号はハイフン抜きの半角で…︵はいはい︶フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー‥住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく

anakahala 2012/05/01

うんうん

リンク

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less

anakahala 2012/04/28

リンク

layer8.sh

This domain may be for sale!

anakahala 2012/04/09

リンク

大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012

大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。2月16日、17日の2日間、都内で開催されたイベント﹁デベロッパーズサミット2012﹂︵デブサミ2012︶で、サイボウズ株式会社開発部若原祥正氏、生駒浩隆氏が講演﹁kintoneの表と裏～大規模JavaScript開発と非構造データベース﹂を行いました。講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。7万行のコード、フレームワークはClosure Library

anakahala 2012/02/21

リンク

はてなブックマーク

タグ

関連タグで絞り込む (19)

uiに関するanakahalaのブックマーク (14)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス