搜狗輸入法智慧版2.0心有靈犀安裝包設(shè)計(jì)分享
項(xiàng)目背景
智慧版1.0推出之后,簡單清新的安裝包設(shè)計(jì)效果得到了廣大用戶的認(rèn)可,有不少朋友給予了肯定這讓我們很是感動(dòng),2012年10月份,在上一版版本的基礎(chǔ)上,我們開始著手智慧版2.0的開發(fā)。從功能上來講,在繼承1.0的基礎(chǔ)上,這次新增了心有靈犀與變色龍等重量級(jí)功能,希望用戶體驗(yàn)?zāi)苡懈蟮奶嵘?。從視覺風(fēng)格上來說,我們繼續(xù)延續(xù)之前的風(fēng)格基調(diào),在動(dòng)畫與交互上試圖尋找新的表現(xiàn)方式,盡量給用戶傳達(dá)新鮮有趣的體驗(yàn)。這也契合了我們做輸入法智慧版的初衷。
時(shí)間周期
安裝包設(shè)計(jì)分享
1從功能點(diǎn)的角度
此版本首次上線“心有靈犀”功能,這是輸入法從工具性軟件向服務(wù)性軟件的重要跨越,用戶可以在輸入的過程中,直接獲取到自己所需要的信息,這對(duì)廣大的用戶來說,是前所未有的體驗(yàn),此功能是這次版本的重點(diǎn),那么在安裝包的設(shè)計(jì)過程中,就希望能將這樣的概念潛移默化的傳達(dá)給用戶,短短的20秒動(dòng)畫,我們不期望能講述的特別具體清晰,如果能給用戶一定的好感,引發(fā)用戶的興趣,同時(shí)對(duì)功能有一個(gè)簡單的了解就足夠,為了盡量減少安裝包動(dòng)畫中的信息量,我們對(duì)需要表現(xiàn)的功能點(diǎn)進(jìn)行了整理。
功能點(diǎn)總結(jié)
2從視覺風(fēng)格角度
智慧版的安裝包過程我們一直想在這里做出更多的嘗試,第一版本的安裝包通過場景化的故事給大家傳達(dá)出了輸入法的更多可能,這次新的安裝包設(shè)計(jì),是對(duì)自我的超越,在沒有對(duì)新項(xiàng)目了解之前,很難找到合適的切入點(diǎn),再與產(chǎn)品詳細(xì)溝通了智慧版2.0的特點(diǎn)與重點(diǎn)之后,問題也就隨之解開,設(shè)計(jì)的切入點(diǎn),往往就在問題本身,深入的分析需求,理解智慧版2.0的功能訴求就為設(shè)計(jì)畫出了大概的輪廓。智慧版2.0安裝包從內(nèi)容的角度來說,通過功能的分析已經(jīng)基本確定,那么就是選擇什么方式表達(dá)的問題,在安裝的過程形式感與進(jìn)度條的設(shè)計(jì)中,盡量給用戶意向不到的感覺,美好的第一感覺往往對(duì)產(chǎn)品有重要的影響。
安裝包主要界面步驟。
A 草圖
在本次安裝包設(shè)計(jì)中,主要的創(chuàng)意切入點(diǎn)在這個(gè)平臺(tái)的感覺,希望輸入法給用戶的感覺逐步的從簡單的輸入,形成一個(gè)更寬廣的平臺(tái)感受,通過輸入法,我們還可以獲得更多,那么結(jié)合這樣翻轉(zhuǎn)打開的效果就合適不過。 用戶點(diǎn)擊安裝的一瞬間,這樣的變化希望能讓人耳目一新。
B:主要場景設(shè)定
對(duì)于幾個(gè)場景的設(shè)定,經(jīng)歷很長的時(shí)間,這里也有與產(chǎn)品不斷確定的過程,從產(chǎn)品的角度來說肯定是希望傳達(dá)的更為清晰、全面,限于設(shè)計(jì)的形式與時(shí)間,在設(shè)計(jì)中,多與少,簡與復(fù)的矛盾始終圍繞,我們盡量合理有序的增加或者刪減一些內(nèi)容。
3從交互角度
作為一個(gè)安裝包來說,用戶對(duì)常見的安裝過程已經(jīng)基本形成了一個(gè)共識(shí),在本次安裝包設(shè)計(jì)中,與傳統(tǒng)的安裝包相比,我們將新手引導(dǎo)與設(shè)置頁面做為一個(gè)重要的部分傳達(dá)給用戶。這里存在幾次修改的過程,再盡量減少用戶點(diǎn)擊的前提下,完成這幾個(gè)主要步驟。
幾個(gè)安裝包的交互方案變更
這幾次安裝交互的修改直接導(dǎo)致安裝包動(dòng)畫調(diào)整的時(shí)間周期,同時(shí)也給開發(fā)帶來一定的重復(fù)勞動(dòng)。從10月份開始接手設(shè)計(jì),直到上線的前一周,還在進(jìn)行一些內(nèi)容的調(diào)整,主要問題圍繞幾個(gè)點(diǎn),新手引導(dǎo)與設(shè)置項(xiàng)的位置,與常見的安裝包來對(duì)比,這是一個(gè)新的問題,我們進(jìn)行了多樣的嘗試,最終確定了現(xiàn)在的方案,從法律、 用戶體驗(yàn)、多個(gè)方面進(jìn)行權(quán)衡。
一些感悟
開始著手設(shè)計(jì)時(shí),很難想到最終的結(jié)果,認(rèn)真做好每一步才有可能收獲一個(gè)較好的結(jié)果,解決問題的方法往往都在問題之中,設(shè)計(jì)的過程永遠(yuǎn)伴隨著快樂與痛苦,平衡好心態(tài)就極為重要,希望智慧版2.0的設(shè)計(jì)能讓你有更好的輸入體驗(yàn),感謝你對(duì)輸入法的支持!
體驗(yàn)直通車: http://pinyin.sogou.com/zhihui/
本文地址:http://m.likemindfilms.com/tutorial/id1382.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏