项目小组

主页和媒体平台

作者列表

Name / ID 年级 & 学院 组织 链接 签名
Dimpurr Cheny 2017 SSE BYR, Yiban 主页 http://dimpurr.com/
博客 http://blog.dimpurr.com/
Twitter http://twiter.com/myccyycy
机器学习 / 前端开发 / 交互设计 / 本子画师 / Gal脚本 / 帝都大学生 / 希望和有趣的人做有趣的事。
duolanda 2017 SDMDA 北邮青年新媒体中心   给更多人带来快乐和便利!
cengxu 2015 SDMDA 社团联合会   年轻且无畏,积极且随性
icebound 2017 INTL  无 https://icebound.cc 这个人很懒,什么都没有写(逃

编辑指南

ID:
组织:
学院和年级:
一句话签名:
邮箱:
想要放的任意QQ微信公众号社交网络主页博客链接,数量不限:

CIRCLE & IDEA

项目信息

如果你对该项目感兴趣,请阅读 如何加入项目 ,在 WIKI 页面下留言,直接在 Github 提交 Pull Request 或者阅读下方该项目的参与备注。

项目阶段 项目人员 项目参与备注
  • 产品和设计已完成
  • 前后端分离开发
    • 前端开发进行中
    • 后端开发进行中
  • 项目负责人 暂无 
  • 前端
    • 负责人 @dimpurr
  • 后端
    • 负责人 @heymind
    • 参与
      • @FredericDT
  • 项目
    • 请有意愿的同学在 WIKI 页面留言,或者联系对应部分的负责人。
  • 前端
  • 后端
    • 请联系 @heymind 同学 (@heymind, 180610)

产品和设计阶段

手绘原型稿 #1

Dircle.pngDirclen.png

BYRCIRCLE 前身是 @dimpurr 于 201503 提出的设想:「Dircle · 一个快速个人页和圈子友链管理系统」。 原因是自己个人博客上的友链过多过长不便管理和展示,曾和 @dring 有过一系列讨论和绘制纸上原型 (然而高中根本没时间写) 。 201711 和 @heymind 讨论过后绘制了一版原型,并尝试开发 (了名为 DircleFeed 的链接和RSS聚合子项目) 。 201804 修改定位并转入 BYRIOSC 子项目,正式启动开发。

产品设计#1

简介

BYRCIRCLE & BYRIDEA 创意社交网络 · 便捷的个人页和圈子、技能点和项目意愿标记、 IDEA 发布和组队平台。

BYRCIRCLE & BYRIDEA 共同构成一个技能和创意社交网络。 BYRCRICLE 能快速创建美观的个人页,建立、发现和加入大佬们的「圈子」;BYRIDEA 能标记个人的技能点和加入项目的意愿,发布自己的 IDEA 、按技能标签发送邀请、招募感兴趣的人加入。

同时 BYRCIRCLE 预计将会作为 BYRIOSC 和 BYR 系列服务的中心一站式用户系统。面向的用户以北邮校内学生为主,学院路校区和更多北京高校为辅,最大扩展到全国中学和高校,并逐步完善学校身份验证功能,具体可参考 BYRBT 的现有用户群(多地高校和中学)。

初心目标是打造成一个「BYRIOSC 社区人才库」。试图解决的痛点是:

参考竞品
导航结构
信息结构

视觉稿#1

内容

BYRCIRCLE 用户个人页的视觉稿。

01-1.png

01-2.png

01-3.png

设计细节说明01-4.png
  1. 每个栏目前,用图标区分是 BYRCIRCLE (弧线)还是 BYRIDEA (灯泡)所属的内容
  2. 按照栏目进行编辑, hover 在栏目标题旁出现编辑按钮
  3. 「圈子」和「链接」部分都是横向滚动设计。在宽度不超过页面宽度的时候,与其他正文部分统一边距对齐。宽度超出的时候,直接对齐屏幕 Viewport 最边缘。 
设计决策争议
  1. 关于「技能点和认可数」部分的设计, @eric 提出了一系列建议,详见评论区。视觉稿有两种方案,暂定使用第一种
    1. 用户可以将一维标签自己决定分组和命名,类似 Windows 开始菜单的磁铁分组
    2. 没有分组,全部标签线性排列
  2. 全局的标签系统是否是树状的。
  3. 在 IDEA 列表部分, @icebound 提出信息密度过高,全是文字。尝试将项目名称和简介换行,效果并不好。
  4. 关于横向滚动部分,有人认为左右突出感觉突兀并且横向扫视距离长并不舒服, @tuxzz 建议不要横向滚动直接 inline-block 多行, @SakuragawaAsaba 建议把横向滚动控制在原有页面宽度内。
内容

BYRCIRCLE 圈子主页的视觉稿。

nYC02-1.png

设计细节说明
  1. 圈子不设头像和 banner ,降低创建成本。
  2. 在圈子标题旁悬浮可以编辑圈子基本信息,还有控制管理权限。一个圈子可以有复数个管理员,不区分创建者或者多级权限。
[1]: https://www.zhihu.com/topic/19572918/organize/entire#anchor-children-topic "完整话题结构 - 清朝 - 知乎"
[2]: https://stackshare.io/application_and_data "Best Application and Data Software - 2018 Reviews of the | StackShare"
[3]: https://www.linkedin.com/in/dimpurr/detail/skills/ "技能认可 - LinkedIn"

BYRCAFE

视觉稿阶段

视觉稿 by Erin 190126

byrcafe-erin.jpg

产品和设计阶段

简介

最初的动机见评论 #1 。在 BYRBBS 重设计并对北邮学生社团进行考察的过程中,我们发现下述问题十分严重:

综上,我们做一个 沟通内容创作者和读者观众的信息聚合平台 ,从两个维度解决这个问题:

暂定为:「BYRCAFE 内容发现 · 北邮人的茶余饭后」,本体就是个带摘要和推荐算法的链接库,链接来源是用户手动 POST 或者公众号或者博客自动 POST ,暂时不做内容全文抓取而采取全部外链。

从用户实用角度考虑,优先做 Web 和移动网页端,考虑推出(设计简洁美观的!)手机客户端。

产品原型 #1

没有进行视觉设计,只简单陈述产品想法和页面逻辑。有点丑丑的。

主页

byrcafe-主页.png

首次打开的欢迎向导

byrcafe-首次打开欢迎.png

说明:

提交新内容

byrcafe-提交新内容.png

EXCHANGE

产品和设计阶段

手绘原型稿 #1

灵感来源于 BYRBBS 的学习交流版块、学习群的资料交换和 CSDN 的经验分享。希望提供一个能快速分享学习笔记、课件、讲座笔记等经验资源的平台。构思的要点和关键信息如下:

字段:

线下技术沙龙