首頁

一次移動記賬App的設(shè)計探索

用心設(shè)計

在一天的使用過程中,我很可能存在多次記賬的需求,這也意味著我會頻繁打開這個產(chǎn)品,簡單和可以讓我更快的完成任務(wù)。記賬因為涉及到資金這個問 題,所以它同樣需要一定的安全性。如果要給這個 App 一個定位的話,我認為它是一款 “能滿足大眾基本記賬需求的輕便的移動記賬 App ” 。

基于以上的思考,很快就產(chǎn)出了以下稿子:

一次移動記賬 App 的設(shè)計探索

認真就贏了!做好這兩個狀態(tài)可以迅速提高用戶體驗

周周

design-status-improve-ux-1

編者按:今天這篇干貨聊的是人們最討厭的兩個狀態(tài) —— 軟件報錯和加載緩慢。如何提高這兩個糟心狀態(tài)的用戶體驗呢?作者從不少交互上的細節(jié)做了考量推敲,附上大神的意見和實戰(zhàn)案例,特別有現(xiàn)實參考價值。

微信的背后 | 當我們設(shè)計架構(gòu)時,我們在想什么

用心設(shè)計

weixinbeihou

從0開始設(shè)計一款A(yù)PP產(chǎn)品架構(gòu)時,我們在想什么?

不妨來看看微信產(chǎn)品架構(gòu)的背后,或許你會有自己的答案。

交互探討:以用戶場景和產(chǎn)品需求導(dǎo)向的設(shè)計

用心設(shè)計

對于第1個問題我是這樣考慮的。首先確定產(chǎn)品的用戶群和使用場景,這里的用戶群是產(chǎn)品中實際存在的、互斥的幾個群體,分類方法很多,以產(chǎn)品自身特征來確定,也可以在前期用研的基礎(chǔ)上來確定?;诖怂悸肪彤a(chǎn)生下面的一個思維圖:

交互探討:以用戶場景和產(chǎn)品需求導(dǎo)向的設(shè)計,優(yōu)界網(wǎng)

如何把你的圖標轉(zhuǎn)換成web字體

博博

在這篇教程中,我們將看看如何使用一個免費的Web應(yīng)用程序IcoMoon將矢量圖轉(zhuǎn)換成Web字體。然后在看看如何使用生成的字體通過css應(yīng)用到Web頁面中。

使用字體圖標的優(yōu)勢

字體圖標除了圖像清晰度之外,比位圖還有哪些優(yōu)勢呢。

適用性:一個圖標字體比一系列的圖像(特別是在Retina屏中使用雙倍大小的圖像)要小。一旦圖標字體加載了,你的圖標就會馬上渲染出來,不需要下載一個圖像。

可擴展性:圖標字體可以用過font-size屬性設(shè)置其任何大小。這使您能夠隨時輸出不同大小的圖標,然而,使用位圖,你必須得為每個不同大小的圖像輸出一個不同文件。

讓設(shè)計跟著指尖走:觸控設(shè)備上的互動效果

用心設(shè)計

對于網(wǎng)頁瀏覽者來說,按鈕控件的幾種變化可以說是再熟悉不過的一種機制了:一般使用鼠標瀏覽時最容易感受到的有 Normal、Hover 以及 Archive 這三種效果,分別為按鈕平時的狀態(tài)、鼠標游標移到上方的效果、以及點擊按鈕時的效果。

讓設(shè)計跟著指尖走:觸控設(shè)備上的互動效果,優(yōu)界網(wǎng)

帶你看世界!20個巧用地圖元素的優(yōu)秀網(wǎng)頁設(shè)計

博博

20-maps-elements-websites-1

多數(shù)時候,我們在網(wǎng)頁中看到的地圖,都是用百度/谷歌地圖來顯示公司、機構(gòu)或者店鋪的地理位置。然而,地圖在網(wǎng)頁中的使用真的就只能這么單調(diào)么?

加入一點想象力,添加一些技術(shù)支持,你會發(fā)現(xiàn)地圖可以讓整個網(wǎng)頁的逼格拔高不止一個層次!

將原始的、額外加入的地圖元素轉(zhuǎn)化成極具吸引力和視覺沖擊力的組成部分,需要進行相當程度的調(diào)整,加入和互動元素:微妙的動效、基于多媒體的工具、動態(tài)指針、扁平化的風(fēng)格、Lowpoly風(fēng)的插畫、現(xiàn)代風(fēng)的線條圖標,甚至是略顯古怪的草圖也能讓地圖煥發(fā)出生命力。

從逛商場學(xué)習(xí)交互設(shè)計:信息架構(gòu)梳理如何從小白到精通?

用心設(shè)計

之前知乎上有這么一個問題:怎樣理解信息架構(gòu)?,@Mr湯進er當時以“商場信息導(dǎo)視圖”為例,回答了這個問題,比較適合“入門小白”去理解信息架構(gòu)、流程圖和頁面布局,其中針對“信息架構(gòu)”的回答如下:

從逛商場學(xué)習(xí)交互設(shè)計:信息架構(gòu)梳理如何從小白到精通?,優(yōu)界網(wǎng)

交互的細節(jié)!向用戶征詢IOS授權(quán)的五種常見設(shè)計模式

周周

ask-users-for-ios-permissions-1

小文一篇,話題仍與上周銜接,小結(jié)了五種在iOS中向用戶申請權(quán)限的實踐模式,可參考。下面進入譯文。

對于iOS app,當功能涉及到推送通知、訪問照片或調(diào)用相機、獲取地理位置等等時,都需要向用戶申請授權(quán)。申請會發(fā)生在app運行的過程中,而不是像Android那樣在安裝的時候就莫名其妙的問用戶是否同意app調(diào)用某些系統(tǒng)功能。不過如今Android也在向iOS的方式靠攏。

App設(shè)計者需要注意的21條禁忌

用心設(shè)計

我們通常在做APP設(shè)計的過程中,遇到很多看似很小,且很容易被忽略的問題,正是這些小問題,一次次的撩撥用戶的耐心,讓用戶對你的APP心生怨念?,F(xiàn)在WeX5君嘔血為大家整理出APP設(shè)計的21條禁忌,希望與APP設(shè)計者的您共勉。

jinzhi

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔