タグ

UIに関するkarupaneruraのブックマーク (15)

  • THE PAGE(ザ・ページ) | 気になるニュースをわかりやすく

    いつも「THE PAGE」をご利用いただき誠にありがとうございます。 お客様がアクセスされたウェブサイト(https://thepage.jp)は2018年10月1日をもってサービス終了しました。 THE PAGEの最新の記事は、Yahoo!ニュースの「THE PAGE」掲載ページでご覧いただけます。 ・Yahoo!ニュースの「THE PAGE」掲載ページ(https://headlines.yahoo.co.jp/list/?m=wordleaf) 今後も「THE PAGE」の記事をご愛顧くださいますよう、よろしくお願いいたします。

    THE PAGE(ザ・ページ) | 気になるニュースをわかりやすく
    karupanerura
    karupanerura 2016/02/09
    分からないけど、いままでサイトの構造が分かりにくいすぎて検索を使わざるを得なかっただけじゃないの……?と邪推。
  • 「ニコニコ動画」バージョンアップに批判殺到 ドワンゴ本社へのデモも計画される

    動画投稿サイト「ニコニコ動画」が2013年10月8日にサイトデザインやプレイヤーのバージョンアップを行ったところ、ユーザーから「使い勝手が悪い」「表示するのに時間がかかるようになった」など、使い方を説明する動画に批判が殺到し、「大炎上」している。 これまでもバージョンアップをする度に批判は出たが、今回はデモをやろうという呼びかけに発展し、ドワンゴ社にデモ隊が13年10月19日に向かうことになった。 「ゆるさねー、マジ退会するわ」 「ニコニコ動画」はこれまで十数回のバージョンアップを行ってきた。画面の大きさを選べるようにしたり、スマホ視聴も可能にしたり、プレイヤーの操作を軽く早くするといった機能面や、動画の検索をしやすくしたり見やすい画面に変えるデザインの変更などだ。 10月8日から使用できるようになったのは「GINZAバージョン」、従来の「原宿バージョン」は12月3日で終了する。一斉切り

    「ニコニコ動画」バージョンアップに批判殺到 ドワンゴ本社へのデモも計画される
    karupanerura
    karupanerura 2013/10/12
    ほおー
  • 海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる

    今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか? ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日からさ。 +4 アメリカ ■ もっと言うと、日からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする! 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグル

    海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
    karupanerura
    karupanerura 2013/04/17
    イノベーティブ
  • ssig33.com - ネイティブアプリ並のウェブアプリを云々

    なんか最近そういうの流行ってるようですね。僕も考えを書いてアクセス数を稼ぎます。 ページ遷移を過度に抑えようとするな 下手に AJAX 使いまくるぐらいならページ遷移したほうがマシであることが多いです。世の中にはページ遷移を抑えようとして酷いことになってる JS を沢山見ます。よく考えろ。 ローカルストレージを活用しない localStorage に画像とか放りこむの異常に重くなるのでオススメしません。認証持たないサービスで設定値保存するのに使うとかに留めた方がよいと思う。 非同期な API 絶賛してて気にわない感じはしますがこの記事を一読することをお勧めします。 localStorage は小さなデータをいくつか入れる分には十分に高速です。大きなデータを入れると十分に低速です。 scroll イベントに対してリスナーを置かない scroll イベントの監視は実際最悪のアイディアです。こ

  • ネイティブアプリのようなWebアプリを作るために

    ※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり&カクカク」な印象のあるWebアプリの操作

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

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

    karupanerura
    karupanerura 2012/09/12
    ふむ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    karupanerura
    karupanerura 2012/08/04
    おもしろい
  • iPadの約3割がヨコで閲覧--iPhoneは9割以上がタテ

    ビューンは6月18日、同社のiPhone/iPad向けコンテンツ配信サービス「ビューン」でユーザーが端末を縦と横のどちらで閲覧しているかを分析した結果を発表した。iPadの約3割が端末を横にして、iPhoneの9割以上が端末を縦にして閲覧しているという。 今回の調査では、iPhoneが95%、iPadが73%と縦にして閲覧しているケースが半数以上を占めているものの、iPhoneよりもiPadの方が横にして閲覧するケースが多いとしている。 文字、写真、図などの多様な情報が見開きレイアウトで構成される雑誌閲覧では、より大きな画面のiPadで横にして閲覧することが多くなる可能性があると分析。その一方、コンテンツのレイアウト形式にかかわらず、iPhoneでは9割以上が縦にして1ページごとに閲覧する傾向にあった。 ビューンは、40以上の新聞や雑誌、テレビニュースが楽しめるアプリ。新聞や雑誌を実際のレ

    iPadの約3割がヨコで閲覧--iPhoneは9割以上がタテ
    karupanerura
    karupanerura 2012/06/19
    ふむ
  • Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか?

    Twitterフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’

    Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか?
  • 月15万PVを生むブログをデザインしたときに徹底した7つの要素

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ブログを始める以上は、誰だって、出来るだけ多くの人に見て貰いたいものだ。 そこで、私はブログを始める前に、国内外の人気ブログを30個読み込み、人気ブログに必須の要素リサーチをした。 そして、その中から、共通点を7つに絞り込み、実践した結果、ブログを始めてから3週間で15万を超えるアクセスを得ることができた。 下図は、5月1日〜20日までのアクセス解析だ。 そこで、日は、私がブログを始める上で調べたブログデザインの7つの要素を全てご紹介する。 1.覚えやすいブログタイトル ブログタイトルは、訪問者への一番最初の、簡単な自己紹介と考えて欲しい。 オフラインの場で、初対面の人に自己紹介をする時、あなたは何を言うだろうか? 私の場合は、「この人

    月15万PVを生むブログをデザインしたときに徹底した7つの要素
    karupanerura
    karupanerura 2012/05/23
    参考になる
  • 何故、エンジニアはUIのセンスがないか。

    何故、エンジニアUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス

    karupanerura
    karupanerura 2012/05/13
    なんか全ての仮説に当てはまるきがするので、頑張らないと。なるほどなーとおもった。
  • 写真が語るUXとUIの違い - Nothing ventured, nothing gained.

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

    karupanerura
    karupanerura 2012/05/09
    わかりやすい
  • 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/BasculeGo

    UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
  • jQuery Mobileページの基本構造を理解しよう(1/3) - @IT

    これらのフレームワーク/ライブラリを利用することで、デバイスの違いを(全くでないにせよ)あまり開発者に意識させることなく、標準的な枠組みでスマートフォン対応のアプリケーションを開発できるようになる。 スマートフォン対応のフレームワークは歴史も浅く、まだまだデファクト・スタンダードといえるものはないものの、現時点で最有力候補の一角と目されるのが、連載のテーマでもある「jQuery Mobile」だ。 ■jQuery Mobileとは? jQueryそのものについては稿の読者諸氏であれば、すでに既にご存じであろう――JavaScriptライブラリのデファクト・スタンダードだ。「Write Less, Do More(よりシンプルなコードで、より多くの処理を)」をモットーに、シンプルな構文でありながら機能性も高いことから、近年急速にユーザー数を増やしている。何千、何万にも及ぶプラグインによっ

  • Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime

    結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ

    Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
  • 1