系统首页是用户使用软件时看到的第一个界面。首页设计得好不好,直接关系到用户对系统的第一印象。好的首页能让人一眼就明白这个系统是做什么的。好的首页能让人轻松找到需要的功能。我们这次设计的系统首页,主要目标是清晰和好用。
很多人打开一个系统,如果首页很乱,他们就会失去耐心。我们不想让用户失去耐心。所以我们把首页设计得很干净。我们把最重要的内容放在屏幕中间。我们把常用的功能放在容易点击的位置。我们用了大家都熟悉的图标。我们用了不会刺眼的颜色。字体大小也仔细考虑过,要让所有人都能看得清楚。
我们的系统是一个内部办公系统。员工每天都要用它来处理工作。首页必须显示最紧急的任务。首页必须显示最新的通知。员工一登录,就能看到今天要做什么。员工一登录,就能看到公司最新的消息。这样能节省大家的时间。大家不需要到处找信息。信息都摆在首页上。
我们设计的时候,问了很多同事的意见。有的同事说,希望首页能直接写工作报告。有的同事说,希望首页能快速请假。我们把大家的想法都记下来。我们挑了最共同的几个需求。我们把它们做到首页里。现在,同事们登录后,可以直接在首页点击“写报告”。可以直接在首页点击“请假”。这样很方便。
颜色怎么选,我们也想了很久。不能用太花的颜色。办公系统需要严肃的感觉。我们选了蓝色和灰色作为主色。蓝色让人感觉安静。灰色让人感觉专业。按钮用了浅蓝色,鼠标放上去会变成深蓝色。这样用户就知道这个可以点。标题用了深灰色,看得清楚,又不刺眼。
图标不能随便画。我们用了最普通的样式。比如,一个信封代表邮件。一个铃铛代表通知。一个房子代表返回首页。这些图标大家都认识。用户不需要学习就能明白。每个图标下面有文字说明。这样更保险,万一有人不懂图标,看文字也行。
首页的布局不能拥挤。东西太多,眼睛看不过来。我们留了很多空白的地方。按钮和按钮之间有空隙。段落和段落之间有空隙。这让页面看起来舒服。重要的内容,我们用卡片框起来。卡片有淡淡的阴影,看起来像浮在纸上。这样能把重要内容和其他部分分开。
手机现在用的人很多。我们的首页在电脑上看要清楚,在手机上看也要清楚。我们做了自适应的设计。在电脑上,内容分三列显示。在手机上,内容会自动变成一列。图片会自动缩小。按钮会自动变大,方便手指点击。不管用什么设备,体验都是一样的。
速度很重要。首页不能加载太慢。我们优化了图片的大小。我们减少了不必要的动画。现在打开首页,一秒之内就能显示完整。用户不会等得不耐烦。数据也是实时更新的。比如有新通知,首页上的数字会立刻变化。用户总是能看到最新的信息。
安全性我们没有忘记。首页是入口,必须保护用户隐私。用户没有登录,只能看到登录页面。用户登录后,只能看到自己权限范围内的内容。经理看到的首页和普通员工不一样。经理能看到部门数据,普通员工看不到。每个人都有自己的视角。
我们测试了很多次。找不同部门的同事来用。观察他们怎么操作。记录他们遇到的问题。有的按钮位置不对,我们调整了。有的词语太难懂,我们改成了简单的话。测试了五轮,直到大家都说没问题。直到大家都能不用教就会用。
这个首页设计现在用起来了。同事们反应不错。大家说找东西快多了。大家说界面看起来舒服。这说明我们的设计是成功的。设计首页就是为用户服务。用户觉得好,才是真的好。以后我们还会继续收集意见。我们会根据新的需求慢慢改进。让这个首页一直好用下去。
做这个设计让我们明白一些道理。设计不是追求好看,是追求好用。每一个颜色,每一个位置,都要有理由。都要站在用户的角度想。用户很忙,用户不想猜。我们要把东西直接摆在他们面前。我们要让他们用最少的步骤做完事情。这是我们的目标。我们做到了。