2009年09月03日
nanapiを作る上で気をつけたことのまとめ
ライフレシピ共有サイトの「nanapi」というものをリリースしてみました。
nanapi[ナナピ] | 7分であなたの生活を便利にしちゃうライフレシピ共有サイト
おかげさまでいろいろと紹介していただいたみたいでアクセス数高くていい感じです。
今回、どのような設計にするか結構考えて作ったのでそれを公開します。
※ここでいう設計とは、どうユーザーに動いてもらいたいか、等のコンセプトに近い意味での設計で、システム的なものではありません！
作るにあたって参考にした記事はこちら
『Stack Overflow』から学ぶ最近のコミュニティ構築術 - IDEA*IDEA
すごくよくまとまってます。コミュニティを作る人には絶対よむべき記事ですね・・・。
デザインとかインターフェイスはこのサイトを結構参考にしました。
Kickstarter
シンプルで伝えたいことを伝えているなあ、と。
これは未だに改善の余地があると思うんですが、なるべくシンプルかつ構造的に書けるように工夫したインターフェイスにしています。
pukiwikiに近い形の独自タグでやっています。
Wikipediaのような形で誰でも編集できるようにしてみました。
これによって、質の高いものが残ればいいなあ、と思っています。
なるべく構造化して読みやすいものを集めたいのですが、それを全部投稿者に負わせるのはアレなので、こういう感じにしてみました。
絵を描いて説明したいなあ、と思ったので、お絵かき機能をつけています。
スタンプ機能というものがあって、絵が描けない人でも表現力を広げられるようにしています。
できるだけ音を立てずにスパゲティーニを食べる方法 | nanapi[ナナピ]
こんな感じで使われていたりします。ヘタでもわかりやすくなりますね。
nanapiでは、あまりコンテンツ部分の幅が拡がらないようにしています。
日本人は、縦書き文化なので、実は視線を横に移動するより、縦に移動するほうが自然だと言われています。
たとえば日本トップクラスのブログの「ネタフル」さんのサイトも横幅が狭くて読みやすくしています。
[N]ネタフル
コミュニティに詳しい友達からのアイデアでコメント欄に男女マークをつけてみました。生活レシピ系は男性が言うか女性が言うかでイメージ違うなあ、と思って対応してみました。
貢献してくれる人には最大限評価をしたいので、それぞれの行動にたいしてレベルというものをつけてみました。
こんな感じでドラクエっぽく称号がつくようにしています。結構楽しいです。
nanapiをTwitterからチェックできたりするようにしています。
nanapiをTwitterで確認する方法 | nanapi[ナナピ]
Twitterと相性がいいので結構ここから来てもらえていますね。よい感じです。
全部を紹介したらブログに収まりきれないほどいろいろな施策をしている感じです。
といいつつリリースしたらアレもほしいこれも欲しい、となってくるので悩ましいこの頃です・・・。
みなさんも是非是非つかってみてください！
nanapi
関連リンク
ロケスタの新サービス「ナナピ」で使った技術を紹介してみるよ - Unix的なアレ
nanapi[ナナピ] | 7分であなたの生活を便利にしちゃうライフレシピ共有サイト
おかげさまでいろいろと紹介していただいたみたいでアクセス数高くていい感じです。
今回、どのような設計にするか結構考えて作ったのでそれを公開します。
※ここでいう設計とは、どうユーザーに動いてもらいたいか、等のコンセプトに近い意味での設計で、システム的なものではありません！
参考にしたサイトや記事
作るにあたって参考にした記事はこちら
『Stack Overflow』から学ぶ最近のコミュニティ構築術 - IDEA*IDEA
すごくよくまとまってます。コミュニティを作る人には絶対よむべき記事ですね・・・。
デザインとかインターフェイスはこのサイトを結構参考にしました。
Kickstarter
シンプルで伝えたいことを伝えているなあ、と。
投稿画面をシンプルに
これは未だに改善の余地があると思うんですが、なるべくシンプルかつ構造的に書けるように工夫したインターフェイスにしています。
pukiwikiに近い形の独自タグでやっています。
誰でも編集できる
Wikipediaのような形で誰でも編集できるようにしてみました。
これによって、質の高いものが残ればいいなあ、と思っています。
なるべく構造化して読みやすいものを集めたいのですが、それを全部投稿者に負わせるのはアレなので、こういう感じにしてみました。
絵が描ける
絵を描いて説明したいなあ、と思ったので、お絵かき機能をつけています。
スタンプ機能というものがあって、絵が描けない人でも表現力を広げられるようにしています。
できるだけ音を立てずにスパゲティーニを食べる方法 | nanapi[ナナピ]
こんな感じで使われていたりします。ヘタでもわかりやすくなりますね。
記事を読むところは狭めに
nanapiでは、あまりコンテンツ部分の幅が拡がらないようにしています。
日本人は、縦書き文化なので、実は視線を横に移動するより、縦に移動するほうが自然だと言われています。
たとえば日本トップクラスのブログの「ネタフル」さんのサイトも横幅が狭くて読みやすくしています。
[N]ネタフル
コメント欄に男女マークを
コミュニティに詳しい友達からのアイデアでコメント欄に男女マークをつけてみました。生活レシピ系は男性が言うか女性が言うかでイメージ違うなあ、と思って対応してみました。
貢献してくれる人へのほめ方
貢献してくれる人には最大限評価をしたいので、それぞれの行動にたいしてレベルというものをつけてみました。
こんな感じでドラクエっぽく称号がつくようにしています。結構楽しいです。
Twitterに対応
nanapiをTwitterからチェックできたりするようにしています。
nanapiをTwitterで確認する方法 | nanapi[ナナピ]
Twitterと相性がいいので結構ここから来てもらえていますね。よい感じです。
というわけで
全部を紹介したらブログに収まりきれないほどいろいろな施策をしている感じです。
といいつつリリースしたらアレもほしいこれも欲しい、となってくるので悩ましいこの頃です・・・。
みなさんも是非是非つかってみてください！
nanapi
関連リンク
ロケスタの新サービス「ナナピ」で使った技術を紹介してみるよ - Unix的なアレ
Facebookで情報を発信しています！よければフィード購読してね！
コメント一覧
1. Posted by zyairoball 2009年09月03日 20:52
初投稿です。
いいデザインですね。
運営頑張ってください。
いいデザインですね。
運営頑張ってください。
2. Posted by ymotomu 2009年09月05日 15:03
ユーザーインターフェースもすばらしいですが、
何より「マイページ」での、貢献者へのインセンティブの提供方法に感心しました！
また記事を投稿＆周りに宣伝してみます:)
何より「マイページ」での、貢献者へのインセンティブの提供方法に感心しました！
また記事を投稿＆周りに宣伝してみます:)
3. Posted by 神 2010年08月09日 12:36
通りすがりです。楽しく読ませてもらいました〜。また来ま〜す。
4. Posted by 神待ち体験談 2010年08月16日 10:23
わたしだけど知り合ったの数ヵ月前だけどこんなに意気投合するなんて面白い!今何しているのか気になってメール送ってみたんだよねー☆素敵な出会いを提供してくれるって有名な優良ｻｲﾄだよ☆
5. Posted by URL 2010年11月22日 18:10
連休は出会い系サイトで出会った20歳の女子大生とセックスをしたよ♪
6. Posted by 激安で通販が買える。 2011年01月06日 14:53
【コピー商品 ブランド偽物通販 】
財布、バッグ、腕時計 その他小物等。世界で人気があるブランド商品を激安で販売しています。イヴィトン（LV）、シャネル(CHANEL)、グッチ(GUCCI)、コーチ（COACH）、ロレックス（ROLEX）、 プラダ(PRADA)、 ディオール（DIOR）、ブルガリ（BVLGARI）等、いろいろな在庫をご用意しています。
―――――――※――※―送料無料―※――※―――――――
当店の承諾：
▲驚きの低価格で提供する。当店はお客様を第一と考えておりますので。
▲品質は必ず最大限本物と同等とする材質にて製作しております。
▲実物写真有り、付属品完備することができます。
▲納期も厳守することもできます。
▲お客様に責任を任せて、商品を厳しく検査して発送します。
▲なにか商品の品質に不満がありましたら、弊社は商品の交換と返品ができます、
――――――※――※―www.ebrandcopy.com―※――※―――――
広大な客を歓迎して買います。宜しくお願い致します。O(∩_∩)O~
■URL：http://www.ebrandcopy.com
■店長：吉田 香子
■連絡先：ebrandcopy@yahoo.com
財布、バッグ、腕時計 その他小物等。世界で人気があるブランド商品を激安で販売しています。イヴィトン（LV）、シャネル(CHANEL)、グッチ(GUCCI)、コーチ（COACH）、ロレックス（ROLEX）、 プラダ(PRADA)、 ディオール（DIOR）、ブルガリ（BVLGARI）等、いろいろな在庫をご用意しています。
―――――――※――※―送料無料―※――※―――――――
当店の承諾：
▲驚きの低価格で提供する。当店はお客様を第一と考えておりますので。
▲品質は必ず最大限本物と同等とする材質にて製作しております。
▲実物写真有り、付属品完備することができます。
▲納期も厳守することもできます。
▲お客様に責任を任せて、商品を厳しく検査して発送します。
▲なにか商品の品質に不満がありましたら、弊社は商品の交換と返品ができます、
――――――※――※―www.ebrandcopy.com―※――※―――――
広大な客を歓迎して買います。宜しくお願い致します。O(∩_∩)O~
■URL：http://www.ebrandcopy.com
■店長：吉田 香子
■連絡先：ebrandcopy@yahoo.com
7. Posted by 真木 恵美子 2011年02月12日 11:52
全国送料一律無料
◆2011年人気最新品、新素材入荷
◆当店には、ルイヴィトン、シャネル、グッチ、コーチ、ロレックス、プラダ、 ディオール、ブルガリ財布 その他小物等、
◆ブランド品、、ルイウ゛ィトン、PRADA、Coach、GUCCI、CHANEL、BVLGARI、デュポン、ROLEX時針
◆ 信用第一、スタイルが多い、品質がよい、価格が低い！
◆100%品質保証！満足保障！リピーター率100％!
電話番号：03-4550-0327
URL: http://www.rakutengoods.com
E-mail: rakutengoods@gmail.com
投稿者 真木 恵美子
◆2011年人気最新品、新素材入荷
◆当店には、ルイヴィトン、シャネル、グッチ、コーチ、ロレックス、プラダ、 ディオール、ブルガリ財布 その他小物等、
◆ブランド品、、ルイウ゛ィトン、PRADA、Coach、GUCCI、CHANEL、BVLGARI、デュポン、ROLEX時針
◆ 信用第一、スタイルが多い、品質がよい、価格が低い！
◆100%品質保証！満足保障！リピーター率100％!
電話番号：03-4550-0327
URL: http://www.rakutengoods.com
E-mail: rakutengoods@gmail.com
投稿者 真木 恵美子
8. Posted by 出会い系サイト 2011年06月03日 09:55
簡単なことなのにできないのはなぜ
9. Posted by URL 2011年06月20日 18:54
素晴らしい出会いを貴方に提供出来る優良出会い系サイトを紹介するよ。
10. Posted by http://buyweba123.blog.163.com/blog/static/181647203201161994842833/ 2011年07月19日 12:41
細工の夜を過ごすことが出来た！ﾏｼﾞ出会い系ｻｲﾄに感謝だな。
11. Posted by URL 2011年07月25日 11:54
友人は出会い系ｻｲﾄで知り合った人と結婚したらしい。
12. Posted by SEXフレンドと恋人の違い 2011年09月21日 18:28
昨日出会い系サイトとで出会って会うことになった女の子はビビるくらい可愛くてちゃんと目が見れなかった！ヤりたいぜチクショウ♪
13. Posted by 予想家達でも勝率５０％はとても困難な目標 2011年09月27日 16:17
俺は、ツンデレな女の子にグッとくる(´ `)
14. Posted by http://www.kyfarmhouse.org/dreamcocktail-lite/ 2011年10月25日 18:31
むしゃくしゃしていたので、出会い系サイトを利用した。
15. Posted by 福島日記 2011年11月10日 10:29
ｾﾌﾚ目的だったので出会い系ｻｲﾄから探すことにした。
16. Posted by 新潟出会い系サイトブログ 2011年12月02日 10:41
彼氏・彼女募集中の男女が集まる出会い系ｻｲﾄだった！
17. Posted by 岩手出会いたいブログ 2011年12月12日 10:11
24時間いつでも呼んだらすぐ来てくれて、即ﾊﾒさせてくれるｾﾌﾚをｺｺの出会いｻｲﾄでｹﾞﾄしたぜ。
