从PC端到移动端H5,设计师需要做哪些思维改变——美脊H5项目总结

发送到手机
使用"扫一扫"即可发送至手机

此次负责美脊健姿轻应用H5项目的内页设计,于8月11日开始,内部修改2次,至8月17确定第一版给到客户,客户反馈比较满意。在内部修改中,主要出现的问题是一些可以设计得比较出彩的页面做得太过简单。接下来谈谈从PC端到移动端H5,设计师需要做哪些思维改变。以下是在这次美脊H5项目总遇到的问题:


1.卡片式切换设计 :      

卡片式设计是现在移动端比较常见的一种板块内容切换的设计样式。其实,卡片式设计不只有左右切换的样式,还有卡片堆叠、上下切换等其他样式。

屏幕快照 2016-09-09 8.37.12 PM.png屏幕快照 2016-09-09 8.34.44 PM.png

屏幕快照 2016-09-09 9.24.11 PM.png

2.问卷设计:       

网页设计师从PC转战移动端,往往就会把问卷做成PC端的页面样式。这样的效果好不好呢?首先要看问卷的数量。如果问卷数量很多,那么一屏一题的样式可能会使用户没有耐心一题一题地点下去。但如果问题数量适量,比如在10题以内,那么可以尝试使用一屏一题的设计样式,这样展示清晰,都递进感。


2.1.1问卷调查1.jpg2.1.2问卷调查.jpg


3.问卷结果的展现形式 :

问卷的结果应该要能促使用户去进行咨询。所以这个页面的设计是可以做的比较有新意的。


4.轻网站导航设计:     

移动端的导航样式也是各式各样。

屏幕快照 2016-09-09 9.20.50 PM.png屏幕快照 2016-09-09 9.39.47 PM.png

5.不要忘了返回键:  

由于是微信站,部分安卓微信自带返回键,部分安卓微信并不带返回键,所以在做H5的三级页面时,不要忘记返回键的添加。


设计总结:这次的H5页面设计得太一般普通,简单和简洁还是两回事。其次注意有别与PC端的设计,抛开PC端设计的桎梏,做好移动端的设计体验。


从PC端到移动端H5,设计师需要做哪些思维改变——美脊H5项目总结

从PC端到移动端H5,设计师需要做哪些思维改变——美脊H5项目总结

分享: