前言:

距上篇写完:IT连创业系列:新的一年,先淫文一篇!

转眼又两个星期了,今天不写文,估计大伙又得等两周了。

所以啊~~

只能再努力一点了,花一天半天的,继续和大伙分享这让人心碎的创业历程。

这两周,忙啊,心忙,脑忙,手也忙。

有一些劳心的事情,后续再专门写篇情感篇了

其余一周的时间是在折腾答题功能。

按照IT连的创业计划:

今年的目标,会专注在程序员的技能成长这一块;

而答题,是我大脑跳出来的第一个功能。

其实大脑已经计划好今年的三大功能了(后面两个,后续再分享)

经过这两周的折腾:

从思考出大概构思,到UI设计,到调整思路,到数据库设计、写API,IOS开发、后台管理。

这一路下来,终于完工,IOS版本,昨晚已提交IOS审核中:

Android端,这周开始进行开发中,应该下周可以上线。

而这周的核心,就是准备好题目了。

下面,请看大屏幕,这就和大伙分享这个功能的设计及思考的过程。

答题功能设计及过程说明:

功能说明:

对于答题,是应该往技术语言、还是技术方向,其实这里一开始是有点烧脑的。

既然是定位IT,那么互联网行业的,理论上来说也可以纳进来。

包括:产品或UI、测试,运营,后来想想,还是一步一步来吧。

所以目前先上几大主流的技术题先。

功能说明:

:既然功能的主旨,是引导大伙在技能上有所成长,那么,归类分级,便是必然要有的了。

:把出题对外开放,引导大众一起参与,毕竟,每个领域的专长不一样,要设计出有对针对性的题目,还是需要大伙齐心:只要人人都献出一道题,这世界将成美好的明天。

3:整个功能,为了用户体验,都是原生开发的:
 
除了这里,我要出题设计成了外链,以便大伙可以在电脑操作:http://share.itlinks.cn/questionpost

功能说明:

:左上角是得分:每题的星星就是分数1-5分。

:时间是倒计时:每题都可以设定了自己的时间。

:框内的是题目:点击对应的选项,即选择答案。

:题目支持图片:只是第一阶段,可能会先略过。

:下方的的位置,是广告位(欢迎提前预订联系,哈)

功能说明:

:回答错误或时间超时:提示【确定、求解答】两个选项。

:求解答,是一个分享的功能,可以将答错的题目分享出来,大体如下:

功能说明:

之前一开始的设计,都是分享网址,后来觉要开发新的页面多了好几个;

空然灵光一闪,直接使用界面截图分享图片就省事了,还不用搞新页面。

只是在截图之前,需要重新改变一下界面布局,追加分享的二维码。

好在IOS的布局有Sagit,很简单就处理完这些布局的事情。

说起来也很久没Sagit的教程的,框架改变了很多,新教程,看来是得找个时间补补了。

功能说明:

答题结束,就可以看到自己的排名(目前排名是按照总分统计的,可以重复答题,以累加总分)。

之前也想过其它计算排分的方法,后来直觉都否掉了。

PS:如果排名进不了分类的前10,这里是目前唯一能看到自己排名的地方了。

功能说明:

从首页,点击右上角的排面,就进入这个界面了。

其实在一开始构思设计的时候,也想过首页默认显示排名,把答题放到右上角去了。

后来,还是答题是核心,显示首页了。

点击分类时,可以进入内部明细的排名。

功能说明:

:排名,目前仅显示前10名,后续会改成列表,可以呈现更多。

:点击时,可以和对应的用户进行聊天沟通,找大神,更方便了。

以上,就是答题功能的设计思考了。

关于提升大伙技术能力的思考:

有时候,在面对一些小伙伴的提问时;

我纳闷,为什么,都学了N年的人,还问这么基础的问题?

我发现:很多人的技术思维和体系太窄了;

知识体系的太单,导致技术能力的瓶颈始终停留下在某个阶段。

长期以往,只是原地踏步。

因此,对于答题功能,其核心是题目的设计,

而题目的设计需要有两个关键性指标:

:知识面广:应该有效扩展用户的知识体系,而不是那些老掉牙的面试题。

:有趣:4个选项中,可以用一个选项,设计点有趣一点的文字,让答题变的轻松一些。

当然,质和量,可能是一个混合的过程,不可能每题都精心设计,毕竟,没那么多精力呐。

在然,在功能正式上线前,大伙也可以设计设计,每人一题就可以了:点击我要出题

嗯,才刚发,就发现大伙很认真的出了几道题了,哈哈:

总结:

后续,会抽更多的时间写文,与大伙一起分享这一路的心酸,哈。

记录真实的创业历程,分享创业的大小洼沆,感谢大伙的关注!

IT连创业系列:产品设计之答题模块的更多相关文章

  1. 产品设计教程:利用“系列位置效应”优化UI

    任何博得人们喜欢的产品都在一定程度上契合了用户的心理需求.设计和心理学息息相关,掌握一些基本心理学知识,设计师的作品更能在潜意识中抓住用户的心. 系列位置效应 “系列位置效应”(The Serial ...

  2. ARM系列产品

    ARM7系列 ARM9系列 ARM9E系列 ARM10E系列 SecurCore系列 Intel的StrongARM ARM11系列 Intel的Xscale 其中,ARM7.ARM9.ARM9E和A ...

  3. IT连创业系列:创业者逆境下的思维

    距上篇文章,又半个多月过去了,是时候来一发阶段性的总结了. 可能最近比较懒,也可能是想不到写文的主题,故写文已变成越来越艰难的一个任务. 这个系列的大标题,也改了:它从<一个想法>到< ...

  4. IT连创业系列:新的一年,先淫文一篇!

    办公室窗外,有鸟声〜〜 在IT连创业走过的日子里,这是我第一次听见鸟声. 也许,是曾经的忙碌,封锁了自己的心眼. 岁月秒秒: 当初燃烧的火焰,从红,烧成了蓝. 曾经的内心湃澎,化成了平淡坚持. 但这, ...

  5. H5活动产品设计指南基础版

    本文来自 网易云社区 . H5一般页面不会很多,看似简单,实际上会有很多细节需要注意,我自己在做过了几个H5之后,发现了一些常犯的问题,做了小结,希望给新开始做H5的产品相关的同学提供一些帮助.  首 ...

  6. 年轻的心与渐行渐近的梦——记微软-斯坦福产品设计创新课程ME310

    作者:中国科学技术大学 王牧 Stanford  D. School 2014年6月,沐浴着加州的阳光,在斯坦福大学(下文简称Stanford)完成汇报后,历时一年的创新设计课程ME310的项目结束 ...

  7. 【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview

    前言 做产品和设计快 1 年了,积累了一点经验分享一下 —— 抛砖引玉,欢迎交流. 声明  欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: ht ...

  8. 看svn用户组管理功能的产品设计

    我负责公司的svn配置.用了近一年了,今天饶有兴致,分享一下svn的用户组管理功能,这个产品设计值得借鉴,简单易用. svn用户组管理的功能描述:新建用户组,并给组分配成员用户:编辑用户组,包括修改组 ...

  9. 快速激活JetBrains PhpStorm WebStorm系列产品

    从官方网站下载正版PhpStorm 安装后,注册时选择“License server” 输入“http://idea.lanyus.com/” (不带双引号,后面的斜杠要带上) 完成 恭喜你 激活Je ...

随机推荐

  1. (1)常见O(n^2)排序算法解析

    一.选择排序 1.原始数组 2.遍历数组找到最小值索引,并将最小值索引与当前遍历索引位置互换 3.确定最小位置值,进行下一次遍历 4.java代码实现 /** * author:sam * date: ...

  2. Css中路径data:image/png;base64的用法详解

    今天查看一些网站的css中发现了 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAAB ...

  3. HighCharts之2D数值带有百分数的面积图

    HighCharts之2D数值带有百分数的面积图 1.HighCharts之2D数值带有百分数的面积图源码 AreaPercentage.html: <!DOCTYPE html> < ...

  4. linux下insmod lsmod rmmod

    insmod(install module) 功能说明:载入模块 install loadable kernel module 语法:insmod [-fkmpsvxX][-o <模块名称> ...

  5. 百度地图JavaScript API经纬度查询-MAP

    百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size=&quo ...

  6. java.lang.Exception: Socket bind failed

    1.错误描述 严重: Failed to initialize end point associated with ProtocolHandler ["http-apr-8080" ...

  7. 移动端web开发安卓和ios客户端在时间转换上的差异性问题

    作为一名移动前端开发的人员,平时遇到的兼容性问题不在少数.那么,今天就来说一下最近遇到的一个小坑(关于Android和ios在时间转换上的差异性问题)话不多说,直接上重点. 最近接到了一个需求,很简单 ...

  8. 圆方树简介(UOJ30:CF Round #278 Tourists)

    我写这篇博客的原因 证明我也是学过圆方树的 顺便存存代码 前置技能 双联通分量:点双 然后就没辣 圆方树 建立 新建一个图 定义原图中的所有点为圆点 对于每个点双联通分量(只有两个点的也算) 建立一个 ...

  9. 【bzoj2151】种树

    Time Limit: 1000ms                     Memory Limit: 128MB Description A城市有一个巨大的圆形广场,为了绿化环境和净化空气,市政府 ...

  10. JS合并两个数组的方法

    JS合并两个数组的方法 我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况.比如: var a = [1,2,3]; var b = [4,5,6]; 有两个数组a.b,需求是将两个数组合 ...