IT连创业系列:产品设计之答题模块
前言:
距上篇写完: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连创业系列:产品设计之答题模块的更多相关文章
- 产品设计教程:利用“系列位置效应”优化UI
任何博得人们喜欢的产品都在一定程度上契合了用户的心理需求.设计和心理学息息相关,掌握一些基本心理学知识,设计师的作品更能在潜意识中抓住用户的心. 系列位置效应 “系列位置效应”(The Serial ...
- ARM系列产品
ARM7系列 ARM9系列 ARM9E系列 ARM10E系列 SecurCore系列 Intel的StrongARM ARM11系列 Intel的Xscale 其中,ARM7.ARM9.ARM9E和A ...
- IT连创业系列:创业者逆境下的思维
距上篇文章,又半个多月过去了,是时候来一发阶段性的总结了. 可能最近比较懒,也可能是想不到写文的主题,故写文已变成越来越艰难的一个任务. 这个系列的大标题,也改了:它从<一个想法>到< ...
- IT连创业系列:新的一年,先淫文一篇!
办公室窗外,有鸟声〜〜 在IT连创业走过的日子里,这是我第一次听见鸟声. 也许,是曾经的忙碌,封锁了自己的心眼. 岁月秒秒: 当初燃烧的火焰,从红,烧成了蓝. 曾经的内心湃澎,化成了平淡坚持. 但这, ...
- H5活动产品设计指南基础版
本文来自 网易云社区 . H5一般页面不会很多,看似简单,实际上会有很多细节需要注意,我自己在做过了几个H5之后,发现了一些常犯的问题,做了小结,希望给新开始做H5的产品相关的同学提供一些帮助. 首 ...
- 年轻的心与渐行渐近的梦——记微软-斯坦福产品设计创新课程ME310
作者:中国科学技术大学 王牧 Stanford D. School 2014年6月,沐浴着加州的阳光,在斯坦福大学(下文简称Stanford)完成汇报后,历时一年的创新设计课程ME310的项目结束 ...
- 【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview
前言 做产品和设计快 1 年了,积累了一点经验分享一下 —— 抛砖引玉,欢迎交流. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: ht ...
- 看svn用户组管理功能的产品设计
我负责公司的svn配置.用了近一年了,今天饶有兴致,分享一下svn的用户组管理功能,这个产品设计值得借鉴,简单易用. svn用户组管理的功能描述:新建用户组,并给组分配成员用户:编辑用户组,包括修改组 ...
- 快速激活JetBrains PhpStorm WebStorm系列产品
从官方网站下载正版PhpStorm 安装后,注册时选择“License server” 输入“http://idea.lanyus.com/” (不带双引号,后面的斜杠要带上) 完成 恭喜你 激活Je ...
随机推荐
- windows下常用工具
下面是平时自用的一些软件,感觉挺好用的,推荐给大家咯. everything 搜索神器 faststone capture 红绿小工具,工具小功能强 clcl 复制粘贴神器 f.lux linux和w ...
- 利用Caffe训练模型(solver、deploy、train_val)+python使用已训练模型
本文部分内容来源于CDA深度学习实战课堂,由唐宇迪老师授课 如果你企图用CPU来训练模型,那么你就疯了- 训练模型中,最耗时的因素是图像大小size,一般227*227用CPU来训练的话,训练1万次可 ...
- android DecorView深入理解
开发中,通常都是在onCreate()中调用setContentView(R.layout.custom_layout)来实现想要的页面布局.页面都是依附在窗口之上的,而DecorView即是窗口最顶 ...
- Android(Java)利用findbugs进行代码静态检查
主要介绍利用java静态代码检查工具findbugs进行代码检查,包括其作用.安装.使用.高级功能(远程review和bug同步). 虽然Android提供了Test Project工程以及instr ...
- Rwordseg使用
#用于下载安装rJava 和 Rwordseg,如果安装了就注释掉 install.packages("rJava") install.packages("Rwordse ...
- Flex中一些属性总结
Flex中一些属性总结 1.buttonMode = "true" 鼠标变成手形 2.useHandCursor = "true" 鼠标变成手形
- freemarker定义一个连续的序列
freemarker定义一个连续的序列 1.简易说明 定义一个连续的序列,并打印出序列中的元素 2.实现源码 <#--freemarker定义了一个连续的序列--> <#assign ...
- JSP中的编译指令和动作指令的区别
JSP中的编译指令和动作指令的区别 1.编译指令是通知Servlet引擎的处理消息,而动作指令只是运行时的脚本动作 2.编译指令是在将JSP编译成Servlet时起作用,而动作指令可替换成JSP脚本, ...
- 使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景,想要去掉的话可以用下面这种方式
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webki ...
- AJAX跨域问题总结
跨域是什么? 首先说下同源,同源策略是浏览器的一种安全策略,所谓同源是指,域名,协议,端口完全相同.而跨域就是不同源 ! 能够进行跨域的请求 一般a,img,link[rel=stylesheet], ...