SlideShare une entreprise Scribd logo
1  sur  24
図書館蔵書検索


                       の裏話


          神原啓介
     2011/6/4 ARGカフェ
をする予定でしたが、
私の専門は
「ユーザーインタフェースデザイン」

       =
      表面
図書館蔵書検索




          の表面話
             ユーザーインタフェース




          神原啓介
      2011/6/4 ARGカフェ
全国の図書館横断検索
使いやすいUI
http://calil.jp/
自分が住んでいる/働いている
場所近辺の図書館を一括検索
蔵書あり   蔵書なし
今話題の本は借りられる?
図書館利用者のコメント
本のレシピ
本題
カーリルのやり方

「Bad UIは自分で直す」
どこが問題?
どこが問題?


     説明が冗長    縦幅をとりすぎ

         書名を2箇所に入力?

          入力フォームが多い


         検索ボタンが下の方にあるので
         スクロールしないと押せない
「前に戻る」リンクを見つけにくい

        何というキーワードで検索したか
        表示されない
            すぐに再検索できない




               人気と関係ない本が
               先頭に表示される


     表紙画像が無い
他にも
●   検索システム自体を見つけにくい
●   検索システムが多い(図書館の数だけある)
●   検索システムごとに使い方が異なる
こんなものだと
あきらめていませんか?
Bad UIは自分で直せる時代

●   WebサイトをHackする道具が増えた
●   開発の敷居・コストが下がっている
●   あなたにもできます
WebをHackする道具
●   クライアントサイド(ブラウザプラグイン)
    ●   Greasemonkey, Chrome拡張
●   サーバーサイド(PaaS)
    ●   Google App Engine, Heroku
    ●   手軽にWebアプリ作成
●   Web API
    ●   Google Maps, Twitter, Facebook API
●   モバイルアプリ開発
    ●   iPhone, Androidアプリ
検索サイトのUIを勝手に直す


            「盛岡 歴史」
 「盛岡 歴史」

             「盛岡 歴史」




  使いやすいUI
  ソーシャル化     他の検索システム
  モバイル化
ユーザーがさらにUIを変える


クラベル
ライブラリ


Twitterbot   図書館API
かーりるん


Libreq
                      他の検索システム
直せるものは自分達の手で直す
●   図書館に限らず、
    公共機関のサイトはBad UIが多い
●   直るのを待っていては
    いつになっても直らない
●   自分で直すべし
まとめ
●   カーリルの紹介
    ●   図書館蔵書検索
●   Bad UIは自分で直す
    ●   図書館検索に限らずBad UIは多い
    ●   WebをHackする様々な道具が増えた
        –   クライアントサイド、サーバーサイド、
            Web API、モバイルアプリ
    ●   あなたにもできます/お手伝いします

Contenu connexe

Similaire à カーリルの裏話 神原啓介

理想の図書館サイトをつくったぜ!
理想の図書館サイトをつくったぜ!理想の図書館サイトをつくったぜ!
理想の図書館サイトをつくったぜ!skdmai
 
アプリ制作マスターへの道
アプリ制作マスターへの道アプリ制作マスターへの道
アプリ制作マスターへの道Masayuki KaToH
 
オフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかたオフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかたShumpei Shiraishi
 
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考えるkulibrarians
 
知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」Mori Kazue
 
ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner”
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner”uedayou
 
Discussion for Social WEB Bisiness
Discussion for Social WEB BisinessDiscussion for Social WEB Bisiness
Discussion for Social WEB BisinessDaisuke Masubuchi
 
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフラインWebフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフラインShumpei Shiraishi
 
Browser oh browser browser
Browser oh browser browserBrowser oh browser browser
Browser oh browser browserTeppei Sato
 
クリックしないリンクリゾルバの作り方
クリックしないリンクリゾルバの作り方クリックしないリンクリゾルバの作り方
クリックしないリンクリゾルバの作り方Yutaka HAYASHI
 
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublishedYoichiro Sakurai
 
APIコンテスト 14 楠田寛人 calitz
APIコンテスト 14 楠田寛人 calitzAPIコンテスト 14 楠田寛人 calitz
APIコンテスト 14 楠田寛人 calitzcalil jp
 
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16Masami Yabushita
 
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミットMochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミットKatsuaki Sato
 
オフラインファーストの思想と実践
オフラインファーストの思想と実践オフラインファーストの思想と実践
オフラインファーストの思想と実践Shumpei Shiraishi
 
PWA A Go-Go !! @ABC2018A 20181013
PWA A Go-Go !! @ABC2018A 20181013PWA A Go-Go !! @ABC2018A 20181013
PWA A Go-Go !! @ABC2018A 20181013Ryu Shindo
 
VPSやめてHerokuに移行したお話
VPSやめてHerokuに移行したお話VPSやめてHerokuに移行したお話
VPSやめてHerokuに移行したお話Hiroyuki Hayashi
 
Libx家庭版
Libx家庭版Libx家庭版
Libx家庭版genroku
 

Similaire à カーリルの裏話 神原啓介 (20)

Grave of my_app
Grave of my_appGrave of my_app
Grave of my_app
 
理想の図書館サイトをつくったぜ!
理想の図書館サイトをつくったぜ!理想の図書館サイトをつくったぜ!
理想の図書館サイトをつくったぜ!
 
アプリ制作マスターへの道
アプリ制作マスターへの道アプリ制作マスターへの道
アプリ制作マスターへの道
 
オフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかたオフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかた
 
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える
20090306 ku-librarians勉強会 #109 : 利用者中心視点からOPACのあり方を考える
 
知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」
 
ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner”
ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”ソースコード公開しました!HTML5 x LOD WEBアプリ“SPARQL Timeliner”
ソースコード公開しました! HTML5 x LOD WEBアプリ “SPARQL Timeliner”
 
Discussion for Social WEB Bisiness
Discussion for Social WEB BisinessDiscussion for Social WEB Bisiness
Discussion for Social WEB Bisiness
 
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフラインWebフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
 
JqueryMobile
JqueryMobileJqueryMobile
JqueryMobile
 
Browser oh browser browser
Browser oh browser browserBrowser oh browser browser
Browser oh browser browser
 
クリックしないリンクリゾルバの作り方
クリックしないリンクリゾルバの作り方クリックしないリンクリゾルバの作り方
クリックしないリンクリゾルバの作り方
 
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublished
 
APIコンテスト 14 楠田寛人 calitz
APIコンテスト 14 楠田寛人 calitzAPIコンテスト 14 楠田寛人 calitz
APIコンテスト 14 楠田寛人 calitz
 
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
 
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミットMochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
 
オフラインファーストの思想と実践
オフラインファーストの思想と実践オフラインファーストの思想と実践
オフラインファーストの思想と実践
 
PWA A Go-Go !! @ABC2018A 20181013
PWA A Go-Go !! @ABC2018A 20181013PWA A Go-Go !! @ABC2018A 20181013
PWA A Go-Go !! @ABC2018A 20181013
 
VPSやめてHerokuに移行したお話
VPSやめてHerokuに移行したお話VPSやめてHerokuに移行したお話
VPSやめてHerokuに移行したお話
 
Libx家庭版
Libx家庭版Libx家庭版
Libx家庭版
 

Plus de arg cafe

フカクサな集まりってご存知ですか? Kato
フカクサな集まりってご存知ですか? Katoフカクサな集まりってご存知ですか? Kato
フカクサな集まりってご存知ですか? Katoarg cafe
 
学校図書館は第2の保健室? kumazaki
学校図書館は第2の保健室? kumazaki学校図書館は第2の保健室? kumazaki
学校図書館は第2の保健室? kumazakiarg cafe
 
フルマラソンと私 Arimoto
フルマラソンと私 Arimotoフルマラソンと私 Arimoto
フルマラソンと私 Arimotoarg cafe
 
デジタルで「ブンガク」マイニング Tabata rev
デジタルで「ブンガク」マイニング Tabata revデジタルで「ブンガク」マイニング Tabata rev
デジタルで「ブンガク」マイニング Tabata revarg cafe
 
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiya
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiyaPublish or perishでいいの? 教育と研究の良性循環に向けて kamiya
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiyaarg cafe
 
Lightning talk(s) についての lightning talk furuta
Lightning talk(s) についての lightning talk furutaLightning talk(s) についての lightning talk furuta
Lightning talk(s) についての lightning talk furutaarg cafe
 
冒頭説明
冒頭説明 冒頭説明
冒頭説明 arg cafe
 
ライブラリーサイエンス専攻と一期生について 白壁正子
ライブラリーサイエンス専攻と一期生について 白壁正子ライブラリーサイエンス専攻と一期生について 白壁正子
ライブラリーサイエンス専攻と一期生について 白壁正子arg cafe
 
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸arg cafe
 
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子arg cafe
 
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子arg cafe
 
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡電子書籍小説の「立ち読み」インタフェース 牛尼剛聡
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡arg cafe
 
Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明arg cafe
 
大学職員の 専門性 って何だろう?_野田智子
大学職員の 専門性 って何だろう?_野田智子大学職員の 専門性 って何だろう?_野田智子
大学職員の 専門性 って何だろう?_野田智子arg cafe
 
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行arg cafe
 
図書館にデザインの力を! 伊藤ゆう子
図書館にデザインの力を! 伊藤ゆう子図書館にデザインの力を! 伊藤ゆう子
図書館にデザインの力を! 伊藤ゆう子arg cafe
 
観光に、情報を加えると 熊﨑
観光に、情報を加えると 熊﨑観光に、情報を加えると 熊﨑
観光に、情報を加えると 熊﨑arg cafe
 
グッズ制作のススメ(仮) ふじたまさえ
グッズ制作のススメ(仮) ふじたまさえグッズ制作のススメ(仮) ふじたまさえ
グッズ制作のススメ(仮) ふじたまさえarg cafe
 
Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明arg cafe
 
未来検索とワークショップ 河合英紀
未来検索とワークショップ 河合英紀未来検索とワークショップ 河合英紀
未来検索とワークショップ 河合英紀arg cafe
 

Plus de arg cafe (20)

フカクサな集まりってご存知ですか? Kato
フカクサな集まりってご存知ですか? Katoフカクサな集まりってご存知ですか? Kato
フカクサな集まりってご存知ですか? Kato
 
学校図書館は第2の保健室? kumazaki
学校図書館は第2の保健室? kumazaki学校図書館は第2の保健室? kumazaki
学校図書館は第2の保健室? kumazaki
 
フルマラソンと私 Arimoto
フルマラソンと私 Arimotoフルマラソンと私 Arimoto
フルマラソンと私 Arimoto
 
デジタルで「ブンガク」マイニング Tabata rev
デジタルで「ブンガク」マイニング Tabata revデジタルで「ブンガク」マイニング Tabata rev
デジタルで「ブンガク」マイニング Tabata rev
 
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiya
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiyaPublish or perishでいいの? 教育と研究の良性循環に向けて kamiya
Publish or perishでいいの? 教育と研究の良性循環に向けて kamiya
 
Lightning talk(s) についての lightning talk furuta
Lightning talk(s) についての lightning talk furutaLightning talk(s) についての lightning talk furuta
Lightning talk(s) についての lightning talk furuta
 
冒頭説明
冒頭説明 冒頭説明
冒頭説明
 
ライブラリーサイエンス専攻と一期生について 白壁正子
ライブラリーサイエンス専攻と一期生について 白壁正子ライブラリーサイエンス専攻と一期生について 白壁正子
ライブラリーサイエンス専攻と一期生について 白壁正子
 
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸
シェアする時代のライブラリー-ビジネスライブラリー構想について 岡本洋幸
 
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子
外から見た図書館の不思議?-内から飛び出て見えたモノ 小貫有紀子
 
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子
大学資産☆魅力再発見  アートリソースとしての 学術研究教育資料 三島美佐子
 
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡電子書籍小説の「立ち読み」インタフェース 牛尼剛聡
電子書籍小説の「立ち読み」インタフェース 牛尼剛聡
 
Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明
 
大学職員の 専門性 って何だろう?_野田智子
大学職員の 専門性 って何だろう?_野田智子大学職員の 専門性 って何だろう?_野田智子
大学職員の 専門性 って何だろう?_野田智子
 
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行
文学は面白い!図書館も面白い!-文学と図書館を一緒に学んでみよう岡野裕行
 
図書館にデザインの力を! 伊藤ゆう子
図書館にデザインの力を! 伊藤ゆう子図書館にデザインの力を! 伊藤ゆう子
図書館にデザインの力を! 伊藤ゆう子
 
観光に、情報を加えると 熊﨑
観光に、情報を加えると 熊﨑観光に、情報を加えると 熊﨑
観光に、情報を加えると 熊﨑
 
グッズ制作のススメ(仮) ふじたまさえ
グッズ制作のススメ(仮) ふじたまさえグッズ制作のススメ(仮) ふじたまさえ
グッズ制作のススメ(仮) ふじたまさえ
 
Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明Argカフェ&argフェスト冒頭説明
Argカフェ&argフェスト冒頭説明
 
未来検索とワークショップ 河合英紀
未来検索とワークショップ 河合英紀未来検索とワークショップ 河合英紀
未来検索とワークショップ 河合英紀
 

カーリルの裏話 神原啓介