builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 突然ですが、私服のコーディネートって、難しいですよね。 ね。 めちゃくちゃオシャレになりたいってわけでもないんだけど、人からそれなりに見られる程度にはきちんとしたい、でもどうコーディネートをすればいいかわからない。 ……で、そういう悩みをどう解決するかというと、一番楽で確実なのは、マネできそうなコーディネートを見つけて、そのままコピーすることだと思うんですよね。 といってもパリコレみたいな奇抜なやつとか、ファッション誌で外国人モデルが着ている「それめちゃ人を選ぶから！」と言いたくなるコーディネート（極端な短パンとか）はもうお腹いっぱいなんです！ 「普通にオシャレなコーディネート」が知りたいんです！　僕は！ ところがですよ。 ストリートスナップを掲載しているサイトはたくさんあるんですけど、そういう「普通の人」が着る「普

シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

あなたは、Goolgeの職場環境や待遇について耳にしたことがあるだろうか？会議用の三輪車があるのだ！そして食堂では、地元産のオーガニック食材を用いた、一流シェフの手による料理を無料で食べることができる。また、ドライクリーニングサービスや無料の交通手段、一時保育サービスも提供されている。さらに、職場には色とりどりのおもちゃが置かれており、その数はシリコンバレーにあるすべての幼稚園が保有しているものの合計よりも多い。それだけではなく、新たに採用された者にはそれぞれ、ポニーが与えられるのだ。 そう、最後の一文は冗談だ。しかし、Googleの本社に向けられる、息をのむほどの素晴らしさを称える声や見え隠れする羨望を茶化したいという気持ちは抑えがたいものがあるのだ。Googleに関する自慢話を聞くにつけ、Googleで働きたいと思わないのは変人ぐらいだと思うようになるのも当然である。 しかし、人が羨ん

データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。 つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版のYahoo!の見た目を継承するだけでは解決しない課題がいくつか出てきます。 何をするにもまず、可能な限りデータを収集して分析することが必須であると、Yahoo!トップページ企画に所属する西田修一氏は話しています。20〜30ほどアイデアが挙がったトップページの中から、8つのデザイン案をユーザーテストにかけ、アイトラッキングやインタビ

身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コン

ウェブサイトのローカライズにおいて気をつけておきたい6つのポイントのうち、前編では3つを紹介した。主にテキストにフォーカスした話題が多かったが、今回はビジュアルにも注目してローカライズのチェックポイントを解説していく。 4. 文化の違いによる捉え方の違い 海外へ行くとよく感じることだが、自分が当たり前だと思っていることが実に狭い視野での話であることを痛感する。文化の違いにより同じものが異なるメッセージを伝えてしまうことがあるのだ。 ものの捉え方の違いはモノと人との関係だけでなく、人と人との間でもありうる。Flickrのウェルカムメッセージが典型的な例といえるが、欧米ではカジュアルな文体で利用者に呼びかけることがある。しかし、日本で同じノリが通じるとは限らない。 国によって人と人との距離感が異なるのも、こうした文章の雰囲気の違いを作り出しているひとつの原因といえるだろう。こうした文化の違いを

前回の「Webサイトのローカライズの特徴」ではWebサイトのローカライズのパターンと概要を紹介したが、今回から具体的にローカライズをする際に何を気をつけておいたら良いのかを紹介していく。 Apple Human Interface Guidelines によると、英語を他の言語に翻訳すると最大50％長くなると言われている。日本語をはじめ漢字を扱う言語であれば、場合によっては文字数を少なくすることも可能だが、マルチバイトということもあり、プログラミング上のカウントの仕方も異なってくる。 また、翻訳の都合上テキストが長くなるだけでなく、文化の違いで長くなる場合もある。文章量の多少の違いは問題ないが、場合によってはレイアウトに影響を及ぼす場合も出てくるので工夫が必要になってくる。テキストの長さを調整する際に気をつけておきたいのが今回紹介する3つのポイントだ。 1. データフォーマットの見せ方の違

最適なローカライズとは サイト訪問者に可能な限り心地の良い体験と安心を与えるには、まず相手の言語でコミュニケーションをとることが必須になる。ここで指す言語とは、その国の言葉を話すという意味だけでなく、独特なニュアンスやビジュアルといった文化的側面も含まれている。 洋書と訳書を読み比べるとわかるが、単なる直訳ではなく文化が違う読者にも理解できるような補足情報が付随していたり、作家が伝えたい雰囲気や感情を読者に伝えるためにわざと意訳がなされている場合もある。 筆者は村上春樹の小説を英語で何冊か読んでいる。この作家の翻訳を手がけた方は何人かいるが、中でもJay Rubinの文章は英語であるにも関わらず、日本語で読んだときと似たような感覚と感情が湧き出てくるため、好んで読んでいた。 Webサイトのローカライズをするときも同様で、単なる翻訳ではなく感情に訴えかけれるなにかを探し出し、表現しなければな

フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。 :hover 項目にカーソル（マウスポインタ

データベースを知ってWebサイトをパワーアップ 例えばショッピングサイトを作ることを考えてみよう。 「価格が安い順に並べたい」とか、「入力したキーワードに一部でも合致したら、その商品を表示する」とか、はたまた「最初に20件だけ表示して、『次のページへ』のリンクをクリックすると、次の20件を表示する」といった具合に、さまざまな機能を思い浮かべることができるだろう。 いったい、どれだけ難しいテクニックが必要なのかと思われるかも知れない。また、実際にWebプログラマに提案しても「難しすぎるので無理」などといわれるかも知れない。 しかし、実際にはこのようなデータ処理は「データベース（DB）」を利用してさえいれば、実に簡単に実現することができる。是非、デザイナの皆さんもデータベースの知識を身につけ、理論武装でプログラマを説得してみて欲しい。 データベースはソフトの種類の名前 まず最初におさえておきた