現実的なタスクシナリオを書くことで参加者を関与させ、行動を促そう。また、そのインタフェースがどのように利用されるべきかは明かさないようにしよう。 Turn User Goals into Task Scenarios for Usability Testing by Marieke McCloskey on January 12, 2014 日本語版2014年2月4日公開 あるインタフェースで何が機能し、何が機能してないかを理解する最も有効な方法は、それを利用しているユーザーを観察することである。これがユーザビリティテストの本質だ。適切な参加者が現実的な活動をしようとしているとき、ユーザーが苦労する原因になりそうなことについての定性的知見は得られる。こうした知見はデザインをどのように改善すべきかを決定するのに役立つ。 また、サイト全体のユーザビリティを明らかにする手段として、ユーザーがタス

はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.

バイト先で「新ゆとり世代」と言われました。れこです。 HTML、CSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が

こんにちは。きんちゃん( @wa_kinchan )です。 ぶろぐを書くのが、１年半以上ぶりでありますが、元気にしておりました。 先日、iOSDCに登壇してきました。 iOSDC 2016に参加 iOSDC 2016 i … Read More →

2011年11月27日 情強がひた隠しにしているフリーソフトまとめ Tweet 3コメント ｜2011年11月27日 13:30｜ソフト・アプリ等｜Editタグ ：フリーソフト >http://uni.2ch.net/test/read.cgi/news/1322219255/ ニュース速報「情強ν速民がお勧めするフリーソフト」http://hatsukari.2ch.net/test/read.cgi/news/1310540136/51 ：(チベット自治区)：2011/07/13(水) 16:08:10.22 ID:Wp6ZvTmw0 GDI++（フォント表示がめっちゃきれいになる） http://www18.atwiki.jp/gdiplus2/ bluewind（シンプルで早いテキストランチャ） http://www.web-ghost.net/bluewind/ マウ筋（マウスジ

以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや

去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが

ふとCoda2の使い方を調べてみると詳しい記事がそこまでなく、困っている人もいるんだろうなって考えまして、このチュートリアルを書かせて頂く事になりました。 一応、全機能を網羅していきたいと思いますが、間違っている箇所や足りない部分がありましたらTwitterの方へご連絡頂くと助かります。 Coda2とは? Panic社が作成しているテキストエディターです。そしてそのCoda2はデザイナー視点で作られているのでUIが直感的にわかりやすく、機能もシンプルで使いやすいのが特徴です。 パニック - Coda 2 パニック - Coda 2 本家サイトに行きまして「Codaツアー」を見て頂けるとCoda2の概要は理解出来るかと思います。 ダウンロード方法 現在、ダウンロード方法は2つありましてパニック社のサイトから購入するか、App Storeから購入するかの2パターンありますが、どちらもメリット・

はじめに TestLinkとは、オープンソースのテスト管理システムです。TestLinkは、Francisco Mancardi氏、Andreas Morsing氏、Martin Havlat氏を中心としたコミュニティで開発されています。元々は海外で作られていたソフトウェアでしたが、最近は日本でも徐々に浸透してきているようです。 本連載では、TestLinkの日本語化に携わっているTestLink日本語化部会の私たちが、このTestLinkの基本機能について順次ご紹介していきます。 今回はTestLinkのご紹介する前準備として、「⁠テスト管理システムとは何か」「⁠では、そもそもテスト管理とは？」といったことについて考えてみましょう。 テスト管理システムとは何か 「テスト管理システム」と言う言葉を聞いたことはありますか？ もしかしたら、「⁠バージョン管理システムやバグ管理システムなら聞いた

あるいは、はてなダイアリーを書き綴るために何をしているか。 Textwell 1.1.7 分類: 仕事効率化,ユーティリティ 価格: \300 (Sociomedia) 下書きの段階はTextwellのデフォルトで。とにかく思いつくことを書く。工夫も何もないですね。ひたすら書く。連想を書き溜めると、自分が何を書きたがっているか見えてきます。Textwellはスライドカーソルがあるので、カーソル移動で思考が止まったりしない。 そして、もう一枚テキストを開く。ここでSwitchを使ってます。下書きは残したまま、新しく原稿を書き始める。下書きの段階で方向がある程度定まってくるので、コピペしながら構成を考えます。するとブログの骨格が出来上がる。後はそこに肉付けをするだけです。 二つのテキストを交互に編集するTextwellアクション Switch 並列処理アクション。MyScriptsならオフライ

Twitterのアカウントに自動でリンクを貼り付けてくれる超便利な@anywhereプラグインの提供が停止されます。 なんて残念な…。 このプラグインが停止された場合、現在「@saiut」とTwitterIDを書くだけでリンクになっていたTwitterアカウントが全てリンクじゃなくなってしまいます。 次からリンクを貼る場合にはaタグを使用してちまちまと書いて… やってられっか！！！ と思えば、@hirocuekiさんがこんな便利なブックマークレットがあることを教えてくれましたよ！

レポート 超高速・大容量メモリーカードでスマートフォンを快適に!! - 最新「microSDカード」の転送速度の違いを測ってみた 大画面、フルHD、クアッドコアCPUなど、ハイスペックなスマートフォンが登場しているが、各社のスマートフォンの性能も横並びになり、ハイスペック化は一旦落ち着いてきているように見える。そんな中、スマートフォンを快適に使う上で鍵を握るのがメモリーカードの性能だ。スマートフォンの性能にばかり目が行き、見落としがちだが、画像や動画を始めとする大容量データを扱うときには、メモリーカードの性能も重要となる。本稿では、メモリーカードの最新状況を解説するとともに、実際にスタンダードモデルと高性能モデルのメモリーカードを使って、その違いを検証していきたい。 microSDカードの大容量化と高速化 これまでスマートフォン市場でiPhoneとシェア争いを繰り広げてきたAndroidス

ガラケーでは当たり前のように使っていた画面メモですが、iPhoneにはその機能がありません。代わりとしてスクリーンショット機能を使っている人もいるかと思いますが、iOS 7になってから音がデカくなって電車などでは使いにくくなってしまいました・・・ そこでオススメしたいのが「画面メモ」というiPhoneアプリです！ iPhoneで画面メモがとれる「画面メモ」アプリの使い方！「画面メモ」の使い方は超カンタンです！ まずはアプリを起動しましょう。アドレスバーにサイト名やURLを入力します。 保存した画面メモを確認するには隣のボタンをタップして、ページのタイトルを選ぶだけです。 通常のスクリーンショットはデカい音が鳴るだけでなく、ページ全体のうち一部分しか保存することができませんが、このアプリなら無音かつ全画面のスクリーンショットが撮れてしまうのです！なんて便利なんだ・・・ また、画面メモを友達に